手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

教大家使用Axure制作个性的复选框效果

时间:2024-10-15 10:47:20

1、打开Axure,今天教大家使用Axure制作个性的复选框效果,如下图所示。

教大家使用Axure制作个性的复选框效果

2、首先从元件库拖入本次需要使用的元件元素,如下图所示。

教大家使用Axure制作个性的复选框效果

3、通过调整元件的大小太样式,形成如下图所示的样式,这里我们先做一个选中时的状态,如下图所示。

教大家使用Axure制作个性的复选框效果

4、同样的方式,我们在制作一个未选择时的状态,如下图所示。

教大家使用Axure制作个性的复选框效果

5、制作完成后,将两个状态放入到动态面板中,如下图所示。

教大家使用Axure制作个性的复选框效果
教大家使用Axure制作个性的复选框效果

6、然后我们给动态面板交互事件及交互样式,如下图所示。

教大家使用Axure制作个性的复选框效果

7、最后F5预览一下效果,如下图所示。

教大家使用Axure制作个性的复选框效果
教大家使用Axure制作个性的复选框效果
© 手抄报圈