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

2024-10-15 22:24:02

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

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

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

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

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

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

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

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

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

教大家使用Axure制作Select选择器
猜你喜欢