AXURE中使用动态面板做三级抽屉

 时间:2024-10-15 16:37:43

1、首先来看一下成果展示

AXURE中使用动态面板做三级抽屉

2、言归正传,第一步我们首先放入三个动态面板,调整尺寸为200*40。并分别命名为“初始化”“日常”“系统设置”

AXURE中使用动态面板做三级抽屉

3、命名完成,双击“初始化”动态面板,将面板状态命名为两种,分别是“收缩状态”和“展开状态”

AXURE中使用动态面板做三级抽屉

4、双击收缩状态,进入初始化/收缩状态设置页面,放入一个矩形并设置尺寸为200*40并染成原谅色,CTRAL+C复制他

AXURE中使用动态面板做三级抽屉

5、回到主页面,双击“初始化”,双击展开状态,进入初始化/展开状态页面,CTRL+V粘贴,然后拖动两个动态面板,尺寸200*桃轾庾殇40,分别命名为“初始化二级1”and “初始化二级2”,并且分别将面板状态设置为收缩和展开

AXURE中使用动态面板做三级抽屉

6、双击初始化二级1,然后双击收缩状态,进入初始化二级1/收缩状态页面,CTRL+V粘贴,并将原谅色的矩形改名为初始化二级1

AXURE中使用动态面板做三级抽屉

7、然后设置初始化二级1的展开状态,照例ctrl+v粘贴原谅色矩形,然后放入两个200*40的矩形,设置为黄色,并添加文本“初始化三级1”“初始化三级2”重复步骤6、 7将初始化二级2设置好。

AXURE中使用动态面板做三级抽屉

8、回到初始化二级1,2的页面,设醅呓择锗置交互。选中“初始化二级1”,选择鼠标单击时-添加用例-设置面板状态-初始化二级1-展开状态-逐渐-推动拉动元件,然后确定。动态诹鬃蛭镲面板一定要勾选自动调整为内容尺寸,在图中红框位置。如果不选。呵呵呵呵,有兴趣的童鞋可以试一下

AXURE中使用动态面板做三级抽屉

9、回到主页面,选中初始化动态面板,重复步骤8,成果如下

AXURE中使用动态面板做三级抽屉
  • 灰指甲患者饮食分享
  • 揭秘黑网关的短信及解决的建议
  • 女性补肾要注意什么?小心补肾8大误区
  • 如何保护眼睛(视力)
  • 热门搜索
    军训手抄报图片 关于童话故事的手抄报 关于数学手抄报图片 消防知识手抄报图片 感恩励志红五月手抄报 有关写字的手抄报 小学生反邪教手抄报 手抄报内容资料 语言的艺术手抄报 海洋手抄报内容