教大家使用Axure制作Select选择器

 时间:2026-02-13 16:37:25

1、打开Axure工具,今天教大家使用Axure制作Select选择器,如下图所示。

教大家使用Axure制作Select选择器

2、首先从元件库中准备本次要使用的元件,如下图所示。

教大家使用Axure制作Select选择器

3、然后我们对部分元件的大小及样式进行调整,做一个选择框,在做一个下拉菜单的值,如下图所示。

教大家使用Axure制作Select选择器

教大家使用Axure制作Select选择器

4、然后我们将下拉的值全部转换为动态面板,如下图所示。

教大家使用Axure制作Select选择器

5、下面我们开始给元件的交互事件进行设置,首先是下拉的框,如下图所示。

教大家使用Axure制作Select选择器

6、然后我们再给动态面板做一个交互事件,如下图所示。

教大家使用Axure制作Select选择器

7、为了能够将选中的值加载到下拉框中,所以我们需要给这些值也要加上交互事件,这里就用到了变量,可以看一下我的交互事件,如下图所示。

教大家使用Axure制作Select选择器

8、所有工作准备完成,F5预览看一下效果,如下图所示。

教大家使用Axure制作Select选择器

  • 教大家使用Axure制作可以多选的Select选择器
  • C4D不用动力学如何让旋转力场作用于平面
  • c4d粒子发射器如何实现粒子向360度发射?
  • C4D如何测量角锥底部的夹角
  • 图解Axure RP中导航菜单制作
  • 热门搜索
    wuli是什么意思 充电宝什么牌子最好 茯苓皮的功效与作用 钓鲫鱼用什么漂 蝉蜕的作用与功效 饥寒交迫的意思 百合粉的功效与作用 15万左右买什么车 凿壁偷光的意思 橱柜台面用什么材料好