我来分享axure设计下拉多部门控件的详细流程步骤。

不少朋友都喜欢使用axure软件,那么大家清楚axure设计下拉多部门控件的简单操作吗?若还不了解,就来学习学习axure设计下拉多部门控件教程吧!

axure设计下拉多部门控件的详细流程步骤

axure设计下拉多部门控件的详细流程步骤

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

axure设计下拉多部门控件的详细流程步骤截图

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

axure设计下拉多部门控件的详细流程步骤截图

axure设计下拉多部门控件的详细流程步骤截图

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

axure设计下拉多部门控件的详细流程步骤截图

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

axure设计下拉多部门控件的详细流程步骤截图

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

axure设计下拉多部门控件的详细流程步骤截图

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

axure设计下拉多部门控件的详细流程步骤截图

axure设计下拉多部门控件的详细流程步骤截图

上文讲解的axure设计下拉多部门控件的详细流程介绍,你们是不是都学会了呀!

本文来自网络投稿,来自作者春天。不代表酷牛教程立场,如若转载,请注明出处:https://www.xukn.com/710506.html

(0)
春天春天
上一篇 2023-08-12 20:18
下一篇 2023-08-12 20:18

相关推荐

  • 小编分享photoshop2020如何轻松打印。

    一部分photoshop2020的新用户们,过来询问小编photoshop2020如何轻松打印?本章节为各位带来的文章就是photoshop2020轻松打印的具体操作,让我们一起来...

    2023-08-20 PC教程
    0160
  • 说说office2003备份工作环境的详细步骤介绍。

    office2003怎样怎样备份工作环境呢,话说不少用户都在咨询这个问题呢?下面就来小编这里看下office2003备份工作环境的详细步骤介绍吧,需要的朋友可以参考下哦。 offi...

    2023-08-18 PC教程
    090
  • 我来教你鹏保宝怎么添加黑名单

    鹏保宝是一款受到广大用户喜爱的最佳加密软件,刚使用的新用户还不了解鹏保宝怎么添加黑名单?那就跟着小编一起往下看看看鹏保宝添加黑名单的方法吧。 方法步骤 1、首先需要先登录并进入到鹏...

    2023-07-02 PC教程
    0150
  • 聊聊美图秀秀将晴天图片转换为下雨背景效果的具体使用过程。

    亲们想知道美图秀秀将晴天图片转换为下雨背景效果的操作吗?下面就是小编整理美图秀秀将晴天图片转换为下雨背景效果的操作流程,赶紧来看看吧,希望能帮助到大家哦! 美图秀秀将晴天图片转换为...

    2023-08-14 PC教程
    0140
  • 我来教你dreamweaver。

    dreamweaver cs6相信大家都用过,今日为大家分享的文章就是dreamweaver cs6中本地站点的管理方法讲解,感兴趣的伙伴不要错过哦。 dreamweaver cs...

    2023-08-16 PC教程
    0110
  • 我来教你美团外卖超时如何进行投诉

    有时为了生活方便,用户们经常会通过美团外APP卖进行叫餐,当我们遇到外卖配送超时时,我们该如何向美团客服进行投诉呢?下面小编就来教大家美团外卖超时投诉方法。 美团外卖超时投诉步骤:...

    2023-06-21 PC教程
    01660
  • 教你火狐浏览器中下载视频的具体操作步骤。

    最近有不少刚刚接触火狐浏览器的伙伴们,并不是很熟悉其中下载视频是怎样操作的,本期为你们分享的文章就讲述了火狐浏览器中下载视频的具体操作步骤的具体流程介绍。 火狐浏览器中下载视频的具...

    2023-08-12 PC教程
    0110
  • 我来教你Win10如何关闭Windows。

    Windows Ink是Win10系统的一个新功能,可以让用户很方便的使用手写笔和触摸屏功能,然而对于非触屏系统的用户来说,Windows Ink功能并没有什么卵用,还占用了系统资...

    2023-06-15 PC教程
    0240
  • 我来教你熊猫动态壁纸APP设置锁屏具体操作流。

    很多的用户都喜欢使用熊猫动态壁纸APP,但是你们了解熊猫动态壁纸APP是怎么设置锁屏的吗?今日在此就带来了熊猫动态壁纸APP设置锁屏的具体操作流程。 打开【熊猫动态壁纸】,找到想设...

    2023-06-10 PC教程
    0160
  • 我来分享ps制作一个放射星轨的详细操作教程。

    亲们或许不知道ps制作一个放射星轨的详细操作,那么今天小编就讲解ps制作一个放射星轨的操作步骤哦,希望能够帮助到大家呢。 ps制作一个放射星轨的详细操作教程 1、打开ps,点击打开...

    2023-08-12 PC教程
    0130
  • 教你excel2007导入外部数据出错的操作教程。

    大家知道excel2007如何导入外部数据出错吗?下文小编就带来了excel2007导入外部数据出错的简单使用教程,一起来看看吧! excel2007导入外部数据出错的操作教程 我...

    2023-08-13 PC教程
    0150
  • 小编分享U盘重装开机需要按什么键

    使用U盘重装系统是大部分小伙伴的第一选择,但不同品牌的电脑使用U盘重装系统需要按的快捷键是不一样的,那么U盘重装开机都需要按什么键呢?下面就和小编一起来看看要如何操作吧。 U盘重装...

    2023-07-18 PC教程
    090
  • 分享火车票退票具体操作方法。

    买火车票买错了时间,该怎么退票呢?最近很多用户询问这个问题?在此就为大伙带来了火车票退票的具体操作方法,感兴趣的快去下文看看吧! 一、站点购票退款: 已经取出的火车票可以退票,列车...

    2023-06-06
    0180
  • 聊聊ai设计2.5D风格三角形建筑图标的详细操作流程。

    今天小编讲解了在ai设计2.5D风格三角形建筑图标步骤,下文就是关于在ai设计2.5D风格三角形建筑图标的教程,一起来学习吧。 ai设计2.5D风格三角形建筑图标的详细操作流程 做...

    2023-08-12 PC教程
    0170
  • 分享WinXP浏览器自动关闭的解决方法。

    我们可以在WinXP系统的电脑上,使用浏览器查看资料或者看视频。但有的时候有遇到浏览器自动关闭的情况,用的好好的,突然就自动关闭了。也不知道是什么情况?那遇到这样的情况,我们应该怎...

    2023-06-14 PC教程
    0190

发表回复

登录后才能评论