教大家使用Axure制作带清空按钮的Select选擇器详细步骤如下。
-
打开Axure原型工具今天教大家使用Axure制作带清空按钮的Select选择器,如下图所示
-
首先从元件库中将需要的元件拖入到正文當中,如下图所示
-
然后我们修改元件的大小及样式,做一个下拉框的效果同时我们把两个图标放到动态面板中,如下图所示
-
然后我們再制作下拉菜单的值,并将这些值转换为动态面板如下图所示。
-
下面开始给每个元件加交互事件了首先是下拉框的交互事件,如下圖所示
-
然后是下拉值动态面板的交互事件,如下图所示
-
然后我们需要给下拉值的交互事件进行设置,如下图所示
-
最重要的步骤来了,就是选中的值怎么样清空呢,这里不需要给删除图标加入交互事件如下图所示。
-
好了所有工作准备完成,F5预览看一下效果如下圖所示。
经验内容仅供参考如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士