教大家使用Axure制作带清空按钮的Select选择器

2025-05-17 13:10:40

1、打开Axure原型工具,今天教大家使用Axure制作带清空按钮的Select选择器,如下图所示。

教大家使用Axure制作带清空按钮的Select选择器

3、然后我们修改元件的大小及样式,做一个下拉框的效果,同时我们把两个图标放到动态面板中,如下图所示。

教大家使用Axure制作带清空按钮的Select选择器教大家使用Axure制作带清空按钮的Select选择器

6、然后是下拉值动态面板的交互事件,如下图所示。

教大家使用Axure制作带清空按钮的Select选择器

8、最重要的步骤来了,就是选中的值,怎么样清空呢,这里不需要给删除图标加入交互事件,如下图所示。

教大家使用Axure制作带清空按钮的Select选择器
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢