快好知 kuaihz

Axure教程:高保真动态复选框美化版

本文要给大家讲解的是,美化版高保真动态复选框的制作,enjoy~

01 相关介绍

今天给大家介绍一个高保真式的动态小组件,类似于单选框,不过已经是美化版的。

02 页面布局

新建一个页面,命名为【高保真动态复选框美化版】。

在【高保真动态复选框美化版】从元件内拉出4个矩形元件,分别命名为1、2、3、4,皆为同等大小。

03 样式美化

给4个矩形元件的【鼠标悬停】、【鼠标按下】、【选中】三个交互样式都设置成填充颜色为#06C1FA,矩形1的应用页面的状态为选中,将四个矩形化成一组,输入[选项]组名称为:abc。

04 实现复选框样式的动态交互

选中任何一个【矩形】元件,在【属性】中设定【鼠标单击时】的用例,配置相关的动作。

05 预览效果

06 结语

请路过的朋友们多多支持哈,卧枕江山在这里先谢谢了,以后会有更多优质的文章和产品在这个平台上进行发布,请尽请期待呦!

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:复选框  复选框词条  高保真  高保真词条  美化  美化词条  教程  教程词条  动态  动态词条  
原型

 Axure 设计之2048完全设...

打飞机、挖掘机,除了这些之外,Axure还可以设计一个真正可玩的小游戏:2048。赶紧来看看是怎么弄的吧~废话不多说,简单来说,这篇文章就是为了纪念我的Axur...(展开)

原型

 Axure交互小技巧1:百度一下...

案例来源:百度-搜索界面案例效果:点击搜索框后搜索框边线变蓝,下方显示最近搜索记录,如图案例描述:在搜索界面中,包含顶部菜单栏、搜索栏和底部网站备案信息等。当焦...(展开)