我们在做移动端的原型时,表单中经常会有一些复选按钮,使用软件自带的按钮不能对其样式进行调整,因此需要自己制作复选按钮,其实这个制作过程非常的简单,下面中小编介绍一下Axure原型工具如何制作移动端自定义的复选按钮。
工具/原料
1
电脑
2
Axure
方法/步骤
1
首先创建一个空白页面,在工作区域内拖入本次要使用的元件元素,主要是圆和动态面板,如下图所示。
2
元件元素准备完成后,我们对其样式进行调整,比如大小、颜色、描述信息等内容,如下图所示。
3
双击动态面板,将动态面板的名称以及状态进行设置,复制出两个状态,一个是选中时的状态,一个是未选中时的状态,如下图所示。
4
然后我们将刚刚准备好的复选按钮分别复制到动态面板中的两个状态中,如下图所示。
5
下面开始给动态面板做交互事件了,主要是单击时的事件,第一个条件如下图所示进行设置。
6
然后再做第二个条件的交互事件,如下图所示。
7
同上述方法一样,再制作几个按钮,也可以直接复制,如下图所示。
8
所有工作准备完成,f5预览一下效果,如下图所示。
9
单击鼠标选择某个选项时,会有勾选的样式,如下图所示。
注意事项
1
小编做的不太好看,网友举一反三吧,自己学着做的更好
2
更多好玩的经验持续更新,欢迎关注小编一起学习
下一篇:如何使用摹客的十大特色功能?