• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# 购物实例应用
2
3### 简介
4
5这是一个仿购物类应用，使用了混合的布局，包含图片、视频、文本等资源。为了优化内存与性能体验，在滑动列表场景下使用了懒加载特性，开发者可借鉴使用。效果图如下：
6
7![](screenshots/device/home1.png) ![](screenshots/device/collect.png)
8
9### 相关概念
10
11懒加载：开发框架提供数据懒加载（LazyForEach组件）从提供的数据源中按需迭代数据，并在每次迭代过程中创建相应的组件。
12
13### 相关权限
14
15不涉及。
16
17### 使用说明
18
191、启动应用显示首页内容，包括“首页”、“分类”、“消息”、“购物车”、“我的”五个模块，可点击下方tabBar可切换模块内容。
20
212、“首页”页面具有Swiper轮播，LazyForEach懒加载，Grid网格布局，Tabs组件切换等功能。
22
233、“首页”页面的搜索框点击时可跳转到search页面，该页面具有List组件横向滑动，组件显隐切换等功能。
24
254、“我的”页面中的“收藏”文本及图标部分点击时可跳转到collect页面，该页面具有Tabs组件切换，布局显示切换等功能。
26
27### 约束与限制
28
291.本示例仅支持标准系统上运行。
30
312.本示例需要使用DevEco Studio 3.0 Beta4 (Build Version: 3.0.0.992, built on July 14, 2022)才可编译运行。