2016 - 2024

感恩一路有你

美化代刷代码 Axure实战006:如何美化单选复选框按钮样式?

浏览量:2893 时间:2021-03-17 07:49:00 作者:admin

Axure实战006:如何美化单选复选框按钮样式?

Axure提供的组件中,复选框的样式是固定的,没法修改的,如果想要美化复选框样式,只能自己做,美化的方式有两种:

1、自己用组件形状画,通过填充颜色,设置描边和阴影进行美化。

2、如果你有更高的要求,或者想做高保真原型,就让UI设计师设计复选框样式,记得至少要两种状态样式,选中状态和非选中状态。

自己做复选框在技术上也有两种实现方式:

1、通过动态面板实现,将复选框的两个样式置于动态面板的两个状态里,点击动态面板切换状态,就能实现复选框的效果。

2、通过显示隐藏元件实现,将两个状态的元件叠放在一起,设置点击一个元件隐藏自己显示另一个元件,也能实现复选框的效果。

另外,原型毕竟是原型,一般情况下不用刻意去美化某个组件,除非你想做高保真原型。

美化代刷代码 网站美化代码 html美化按钮代码

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。