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

2025-04-21 17:04:24

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

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

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

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

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

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

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

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

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

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

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

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

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

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