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切换列表界面
© 2025 途途旅游
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com