Axure如何自定义设计下拉列表交互
下拉列表本家儿要要实现被选择时有下拉项，鼠标移至下拉项时有颜色转变，对应选择后可展示选择项。以下为Axure自界说设计交互下拉列表的方式
东西/原料
- Axure
方式/步调
- 1
起首我们先设计好下拉列表的组件，这里自界说的下拉组件构成为：一个箭头、一个布景、四个矩形框。
- 2
接下来我们要实现当鼠标移入对应选项时，选项呈现颜色转变。
1、同时选中三个选项的矩形框，然后点击新建交互，选择鼠标悬停
2、这里我将悬停时的交互填充颜色为蓝色，字体为白色
- 3
设计完悬停结果之后，我们设计下拉框的选中状况，被选中下拉框时，箭头朝下，不然朝上，交互如图。
需要注重的是，当我们设计好选中状况事务时，需要设计单击事务，令其选中状况为切换
- 4
箭头的选中结果完当作后，我们需要使鼠标点击组件时切换滑动呈现选项，这里操纵动态面板。
1、将布景以及选中状况转换为动态面板并定名为下拉选项_01，设为埋没
2、之后我们鄙人拉框的选中状况为面板设计事务，被选中时显示下拉选项_01并标的目的下滑动，打消选中时滑动并埋没下拉选项_01,如下图。
- 5
以上步调完当作后，大致交互结果就完当作了。
下一步我们要实现选择选项时，下拉选项_01滑动埋没
双击进入下拉选项_01的动态面板，别离为各个矩形框设置单击时，下拉框的选中状况为假，如下图。
- 6
第二步我们要设计选择下拉选项时，下拉框获取到该文本值。操纵函数，如下图为各个选项设置。
- 7
以上都完当作后即可点击预览，就可以看到自界说设计的下拉框结果啦
- 发表于 2019-11-29 20:26
- 阅读 ( 1465 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章