用axure做下拉多选控件

 时间:2024-11-12 15:31:36

1、拖入一个下拉列表框到面板中央,标签名为:部门选择;

用axure做下拉多选控件

2、分别拖入一个灰底box,以及多个复选框;复选框排列成树状层次结构;

用axure做下拉多选控件用axure做下拉多选控件

3、凸鹣沮北把灰底box和复选框排列在一起,全选做成一个组合,命名为“下拉选项”;2、把组合“下拉选项”和“部门选择”下拉列表框排列在一起;3、拖入一个热区,放在下拉列表框上方;

用axure做下拉多选控件用axure做下拉多选控件

4、把组合“下拉选项”设置为隐藏

用axure做下拉多选控件

5、对热区设置交互如下:新增用例“鼠标单击时”,设置组合“下拉选项”的“可见性”为“切换”;这个用例的意思就是,鼠标点击一次时,如果组合为隐藏,则点击后为可见;如果组合为可见,则点击后隐藏。

用axure做下拉多选控件

6、点击F5运行axure,可在浏览器上看见交互效果,点击下拉框后,显示部门多选列表,可多选部门。o(* ̄︶ ̄*)o是不是简单又实用呢!

用axure做下拉多选控件用axure做下拉多选控件
  • div+css如何布局
  • 环形封面如何制作?
  • phpStudy学习之 如何用Mysqlfront 管理数据库
  • PowerDesigner通过pdm文件转化为model类
  • 如何用wps文字绘制一个“JAVA集合框架”
  • 热门搜索
    我的世界末影龙怎么打 苹果手机怎么改字体 幽门螺旋杆菌怎么治疗 有胆结石怎么办 拉稀怎么办 怎么了用英语怎么说 陈字怎么写好看 南方医科大学怎么样 打价机怎么装纸 便秘怎么办快速治疗