观看记录
  • 我的观影记录
登录
测试首页Axure如何自定义设计下拉列表交互

Axure如何自定义设计下拉列表交互

下拉列表本家儿要要实现被选择时有下拉项,鼠标移至下拉项时有颜色转变,对应选择后可展示选择项。以下为Axure自界说设计交互下拉列表的方式

工具/原料

  • Axure

方式/步骤

  1. 1

    首先我们先设计好下拉列表的组件,这里自界说的下拉组件构成为:一个箭头、一个布景、四个矩形框。

  2. 2

    接下来我们要实现当鼠标移入对应选项时,选项呈现颜色转变。

    1、同时选中三个选项的矩形框,然后点击新建交互,选择鼠标悬停

    2、这里我将悬停时的交互填充颜色为蓝色,字体为白色

  3. 3

    设计完悬停结果之后,我们设计下拉框的选中状况,被选中下拉框时,箭头朝下,不然朝上,交互如图。

    需要注重的是,当我们设计好选中状况事务时,需要设计单击事务,令其选中状况为切换

  4. 4

    箭头的选中结果完当作后,我们需要使鼠标点击组件时切换滑动呈现选项,这里操纵动态面板。

    1、将布景以及选中状况转换为动态面板并定名为下拉选项_01,设为埋没

    2、之后我们鄙人拉框的选中状况为面板设计事务,被选中时显示下拉选项_01并标的目的下滑动,打消选中时滑动并埋没下拉选项_01,如下图。

  5. 5

    以上步调完当作后,大致交互结果就完当作了。

    下一步我们要实现选择选项时,下拉选项_01滑动埋没

    双击进入下拉选项_01的动态面板,别离为各个矩形框设置单击时,下拉框的选中状况为假,如下图。

  6. 6

    第二步我们要设计选择下拉选项时,下拉框获取到该文本值。操纵函数,如下图为各个选项设置。

  7. 7

    以上都完当作后即可点击预览,就可以看到自界说设计的下拉框结果啦

“Axure如何自定义设计下拉列表交互”关联的文章

  • 如何关闭皮皮搞笑精彩内容消息通知

    皮皮搞笑是一款手机搞笑社区App,让用户笑到没心没肺,又忍不住感动流泪的温暖家园,那么如何关闭皮皮搞笑精彩内容消息通知以满足不同用户的需求呢?

    29分钟前0阅读

    如何关闭皮皮搞笑精彩内容消息通知
  • win7系统找不到宽带连接怎么办

    现如今很多用户都喜欢使用win7系统,而在使用win7系统的过程中做的最多的就是上网了。Win7系统上网离不开宽带连接,如果win7宽带连接找不到了,应该怎么办呢?下面就让小编为大家带来win7系统找不到宽带连接解决方法

    29分钟前0阅读

    win7系统找不到宽带连接怎么办
  • 新版QQ音乐怎么关闭底部的直播导航

    新版QQ音乐怎么关闭底部的直播导航?下面请大家随小编一起来看看操作的方法吧。

    29分钟前0阅读

    新版QQ音乐怎么关闭底部的直播导航
  • 怎样查询高速实时路况?

    要出行怎么查询高速实时路况?我们用地图就可以了,在地图上就可以看到实际的路况的,下面详细来看下。

    29分钟前0阅读

  • 六芒星手势密码教程

    29分钟前0阅读

    六芒星手势密码教程
  • 教师讲课过程评价标准

    教师是太阳底下最光辉的职业,但是成为教师之路也是要经历重重考验的,下面给大家说说教师讲课过程评价标准

    29分钟前0阅读

  • 酚醛铝箔夹芯板

    酚醛铝箔夹芯板是由酚醛泡沫与两层亚光铝箔经过特殊工艺复合而成。外膜材料为经过高温固化的高分子膜,可有效的防止紫外线及气体腐蚀,并与铝箔结合牢固,又能与酚醛泡沫形成聚合物,从而保证象圆酚醛铝箔夹芯板的质量稳定。

    29分钟前0阅读

  • Xperia XZ2 Premium配置如何

    Xperia XZ2 Premium是索尼在4月16日悄悄发布的新机,而且没进行预热,下面来简单了解一下配置。

    29分钟前0阅读

  • PLSQL破解,无需注册码和破解工具

    PL/SQL Developer过期了,又没有注册码,又不想花钱买,而且事情又非常急,这时候怎么办?不要着急,请随小编一起解决这种情况吧。

    29分钟前0阅读

  • Win11按capslock切换不了大小写怎么解决

    有朋友不知道在哪里设置,下面小编就给大家分享详细的设置方法,有需要帮助的朋友可以参考下这篇经验,希望能对大家有所帮助。

    1小时前0阅读

    Win11按capslock切换不了大小写怎么解决
切换深色外观
留言
视频编辑修改
回到顶部
首页
手机数码
医疗健康
金融管理
社交情感
无名