• Home
Name Date Size #Lines LOC

..--

entry/12-May-2024-772606

screenshots/device/12-May-2024-

.gitignoreD12-May-2024121 88

README.mdD12-May-2024808 189

README_zh.mdD12-May-20241 KiB2915

build-profile.json5D12-May-20241 KiB4341

hvigorfile.jsD12-May-2024174 21

package.jsonD12-May-2024371 1818

README.md

1# Gallery App
2
3### Introduction
4
5This JS-based gallery app offers the image browsing functions. It uses the lazy loading feature to improve performance. You can add or replace image resources as needed to build your own gallery.
6
7### Usage
8
91.  The initial page consists of 200 images, which are displayed in eight columns.
10
112.  An icon is provided in the upper right corner for you to switch between 4, 8, and 12 columns.
12
133.  A **Settings** button is provided in the upper left corner for you to access the **Settings** page. After you set the number of columns and the total number of images and touch **OK**, the home screen is updated according to your settings.
14
15### Constraints
16
17This sample can only be run on standard-system devices and applies to large-system devices (reference memory ≥ 1 GiB).
18

README_zh.md

1# 图库示例应用
2
3### 简介
4
5该应用是一个仿图库的JS应用,模拟多图片场景,使用了懒加载特性,开发者可自行添加或者更换图片资源,构建自己的多图场景。效果图如下:
6
7![](screenshots/device/main1.png) ![](screenshots/device/main2.png)
8
9### 相关概念
10
11数据懒加载:开发框架提供数据懒加载从提供的数据源中按需迭代数据,并在每次迭代过程中创建相应的组件。
12
13### 相关权限
14
15不涉及。
16
17### 使用说明
18
191.初始页面由200张图片组成,显示为8列。
20
212.点击右上角的图标,可以在4、8、12列之间切换。
22
233.点击左上角的“设置”,可以进入设置页面,可以动态输入需要设置的列数和图片总数,点击“确定”返回主页面,图片布局刷新。
24
25### 约束与限制
26
271.本示例仅支持在标准系统上运行,适用于大型系统(参考内存≥1GiB)。
28
292.本示例需要使用DevEco Studio 3.0 Beta4 (Build Version: 3.0.0.992, built on July 14, 2022)才可编译运行。