2.2.3.3 日记列表页制作过程
新创建的小程序有一个空白的页面——主页，就是小程序运行的首页，因此将主页作为日记列表页。按照表3-4，在页面中添加组件，并设置组件属性，保存后预览可以看到日记列表。.
表3-4 日记列表页组件属性说明
|
添加组件 |
父组件 |
属性设置 |
|
日记数据集 |
数据组件容器 |
自动模式=自动加载 |
|
上中下布局 |
页面组件 |
添加后会显示3个区域，删除最上方的头部区域 |
|
滚动视图 |
面板内容 |
纵向滚动=true 高度=100% |
|
动态列表 |
滚动视图 |
绑定数据集=日记 |
|
文本组件1 |
动态列表 |
动态文本=动态列表当前行.日期 是否可见=block |
|
文本组件2 |
动态列表 |
动态文本=动态列表当前行.内容 是否可见=block |
|
多图展示 |
动态列表 |
绑定数据列=动态列表当前行.照片 |
|
按钮组件 |
面板底部 |
显示名称=写日记 单击=打开子页面 页面源=写日记 共享数据集=日记 |
制作过程中有2点注意
1、使用市场组件
通过上节可以了解到，图片组件只能显示一张图片，如果要显示多张图片，需要使用“多图展示”组件，这个组件不是基础组件，可以从市场中下载后使用。从市场中下载组件的方法是：单击组件栏右上方的“添加市场组件”按钮，打开“市场组件”对话框，找到“多图展示”组件，如图3-29所示。将鼠标滑动组件封面上方，显示“详情”和“引用”两个按钮，单击“引用”按钮，再单击“确定”按钮，稍后，组件下载完成，显示在组件栏的市场分组中。
图3-29 从市场下载组件
2、添加新页面
先添加“写日记”页面，然后切换回“主页”。在“写日记”按钮的单击事件中，选择“打开子页面”操作，在“页面源”中选择刚添加的“写日记”页面。