Axure制作:自制树状图

 时间:2024-10-12 05:54:00

1、新建2个“箭头”图标,4个复选框和1个动态面板。分别命名为:“箭头”图标:open_1“箭头”图标:艘早祓胂close_1动态面板:kuang14个复选框分别命名为:单行输入框、单行输入框_1、单行输入框_2、单行输入框_3----其中动态面板尺寸是120*80复选框尺寸100*16---如下图所示:

Axure制作:自制树状图

3、按下图排列各个控件:1.默认把“图标:close_1”隐藏,并把“图标:close_1”和“图标:open_1”重叠在一起2.”复选框:单行输入框_1、单行输入框_2、单行输入框_3“放入"动态面板"中3.复选框相互间隔是84.组合这些控件下,并命名为A01

Axure制作:自制树状图

5、调整内容及各个控件的命名,如下图所示:

Axure制作:自制树状图

8、“图标:open_1”的“腱懒幺冁鼠标单击时”---1.显示图标:close_12.隐藏图标:open_13.设置“动态面板:kuang1”尺寸为120*04.分别移动“耘资诡拨组合:A02”和“组合:A03”的相对位置(0,-72)---

Axure制作:自制树状图

10、“复选框:单行输入框_1、单行输入框_2、单行输入框_3”的操作都一样,当“取消选中时”---设置“复选框:单行输入框“取消”选中“---

Axure制作:自制树状图

13、“图标:open_2”的“鼠标单击时”---1.显示图标:close_22.隐藏图标:open_23.设置“动态面板:kuang2”尺寸为120*04.分别移动“组合:A03”的相对位置(0,-72)---

Axure制作:自制树状图

15、“复选框:多行输入框_1、多行输入框_2、多行输入框_3”的操作都一样,当“取消选中时”---设置“复选框:多行输入框“取消”选中“---

Axure制作:自制树状图

18、“图标:open_3”的“鼠标单击时”---1.显示图标:close_32.隐藏图标:open_33.设置“动态面板:kuang3”尺寸为120*0---

Axure制作:自制树状图

20、“复选框:单选框_1、单选框_2、单选框_3”的操作都一样,当“取消选中时”---设置“复选框:单选框“取消”选中“---

Axure制作:自制树状图

22、觉得不错,对你有帮助的话,请投个票,加个赞哦~

  • 教大家使用Axure制作悬停展开的下拉菜单效果
  • 新版AE如何制作打字机字幕动画效果
  • 如何制作手机号码输入框
  • Axure怎么实现页面载入时元素旋转效果
  • 如何利用Axure RP 8设计工具控制图片显示和隐藏
  • 热门搜索
    途牛旅游网 四川旅游 南京旅游景点 旅游景点 旅游学院 海南旅游攻略 厦门旅游必去十大景点 青海湖旅游 南湖国旅游官网 敦煌旅游