教大家使用Axure制作可以多选的Select选择器

 时间:2024-10-15 22:26:07

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

教大家使用Axure制作可以多选的Select选择器

2、首先我们还是准备一些元件,拖到正文当中,如下图所示。

教大家使用Axure制作可以多选的Select选择器

3、然后修改元件的大小及样式,我们制作一个下拉框和下拉框中的值,并将下拉值全部转换为动态面板,如下图所示。

教大家使用Axure制作可以多选的Select选择器
教大家使用Axure制作可以多选的Select选择器

4、然后我们把中继器拖入进来,并对中继器中的样式进行调整,同时给中继器加入交互事件,如下图所示。

教大家使用Axure制作可以多选的Select选择器
教大家使用Axure制作可以多选的Select选择器

5、下面给下拉框做一个交互事件,如下图所示。

教大家使用Axure制作可以多选的Select选择器

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

教大家使用Axure制作可以多选的Select选择器

7、然后对下拉值和删除图标的交互事件进行设置,如下图所示。

教大家使用Axure制作可以多选的Select选择器
教大家使用Axure制作可以多选的Select选择器

8、最后F5预览,看一下最终的效果,如下图所示。

教大家使用Axure制作可以多选的Select选择器
  • axure鼠标经过显示图片效果教程
  • AxureRP如何添加并使用中继器
  • 如何使用blender2.9设计一段弯曲电话线
  • Sketch工具如何利用键盘快速更改大小
  • C4D-如何在线条上添加上新的锚点
  • 热门搜索
    环保手抄报图片 母亲节手抄报内容 科学手抄报图片大全 母亲节的手抄报 开学了手抄报 宪法手抄报内容 关于科学的手抄报 语言文字手抄报 初中英语手抄报 防溺水手抄报简单漂亮