我来分享axure设计下拉多选部门控件的具体操作 我来分享一个钓黄尾的配方吧

相信很多朋友都遇到过以下问题,就是axure设计下拉多选部门控件的具体操作。针对这个问题,今天乐一笑小编就搜集了网上的相关信息,给大家做个axure设计下拉多选部门控件的具体操作的解答。希望看完这个教程之后能够解决大家axure设计下拉多选部门控件的具体操作的相关问题。

今天小编讲解了在axure设计下拉多选部门控件步骤,下文就是关于在axure设计下拉多选部门控件的教程,一起来学习吧。

axure设计下拉多选部门控件的具体操作

axure设计下拉多选部门控件的具体操作

我们需要先打开axure软件,拖入一个下拉列表框到面板中央,标签名为:部门选择;

axure设计下拉多选部门控件的具体操作截图

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

axure设计下拉多选部门控件的具体操作截图

axure设计下拉多选部门控件的具体操作截图

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

axure设计下拉多选部门控件的具体操作截图

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

axure设计下拉多选部门控件的具体操作截图

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

axure设计下拉多选部门控件的具体操作截图

再点击F5运行axure,可在浏览器上看见交互效果,点击下拉框后,显示部门多选列表,可多选部门。

axure设计下拉多选部门控件的具体操作截图

axure设计下拉多选部门控件的具体操作截图

以上这里为各位分享了axure设计下拉多选部门控件操作步骤。有需要的朋友赶快来看看本篇文章吧

本文来自投稿,不代表乐一笑立场,如若转载,请注明出处:https://www.leyixiao.com/421605.html

(0)
上一篇 2022年6月7日 23:28:14
下一篇 2022年6月7日 23:28:25

相关推荐