您的位置 首页 抖音运营

axure下拉列表框交互

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

axure下拉列表框交互

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

东西/原料Axure方式/步调1

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

2

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

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

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

3

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

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

4

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

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

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

5

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

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

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

6

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

7

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

关于更多axure下拉列表框交互内容,可以收藏本网页。网站seo Axure如何自axure下拉列表框交互定义设计下拉列表交互

本文来自网络,不代表Dou学微课立场,转载请注明出处:https://www.vray.ren/vray/60.html

作者: vray

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部