手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Axure RP 实现 APP切换列表界面

时间:2024-10-12 06:51:13

1、界面设计:拖入一个动态面板,命名:列表显示区。

Axure RP 实现 APP切换列表界面

2、双击 列表显示区 动态面板,添加3个状态(分别命名为:列表1,列表2,列表3)单击“编辑全部状态”。

Axure RP 实现 APP切换列表界面

3、进入 列表1状态;拖入一个矩形部件;(设置颜色,输入文本:列表1,命名为:列表1)

Axure RP 实现 APP切换列表界面

4、进入 列表2状态;拖入一稍僚敉视个矩形部件;(设置颜色,输入文本:列表2,命名为:列表2)同理,进入 列表3状态;拖入一个矩形部件;(设置颜色,输入文本:列表3,命名为:列表3)

Axure RP 实现 APP切换列表界面
Axure RP 实现 APP切换列表界面

5、交互设计:回到首页,选中“列表显示区”动态面板,双击“向左拖动结束时”(注意,有的软件版本为:向左滑动时)

Axure RP 实现 APP切换列表界面

6、单击 设置动态面板;勾选 设置列表显示区动态面板;具体设置如图。

Axure RP 实现 APP切换列表界面

7、选中“列表显示区”动态面板,双击“向右拖动结束时”(注意,有的软件版本为:向右滑动时)

Axure RP 实现 APP切换列表界面

8、单击 设置动态面板;勾选 设置列表显示区动态面板;具体设置如图。完毕!

Axure RP 实现 APP切换列表界面
© 手抄报圈