• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# 聊天实例应用
2
3### 简介
4
5这是一个仿聊天类应用,使用了静态布局搭建了不同的页面。为了优化内存与性能体验,在部分list场景使用了懒加载。效果图如下:
6
7![](screenshots/device/chat_home.png) ![](screenshots/device/chat_me.png)
8
9### 相关概念
10
11懒加载:开发框架提供数据懒加载(LazyForEach组件)从提供的数据源中按需迭代数据,并在每次迭代过程中创建相应的组件。
12
13### 相关权限
14
15不涉及。
16
17### 使用说明
18
191.应用包含“聊天”、”通讯录“、”发现“、”我“四个主页面,使用Tabs组件实现模块的切换,“聊天”和“通讯录”模块使用了LazyForEach懒加载功能。
20
212.聊天内容页面右上角的图标点击进入聊天信息页面。
22
233.二级及以上页面左上角都有一个返回按钮。
24
254.搜索按钮点击进入搜索界面,搜索页面的“取消”点击会返回。
26
275.首页右上角的图标点击会弹出窗口,可以选择进入”添加好友“和”发起群聊”页面。
28
296.聊天内容页面的下方输入框点击可以输入内容,表情的图标点击可以发送图片。
30
317.“发现”页面的“聊天社区”点击会进入“聊天社区”页面,聊天社区页面的图片可以点击进入图片单独的页面对图片进行缩放操作,然后可以进行移动操作。
32
338.“我”页面的第一条item点击可以进入“个人信息”页面。
34
359.“我”页面的“设置”item点击可以进入“设置”页面 ,“负载开关”页面使用了轻量级存储,可以使应用退出时记住当前状态,下次打开恢复当前状态。
36
37### 约束与限制
38
391.sdk版本要求使用3.2.10.6及以上版本。
40
412.本示例需要使用DevEco Studio 3.1 Canary1 (Build Version: 3.1.0.100)及以上才可编译运行。
42