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

 时间:2024-10-13 09:23:18

1、如何美化复选框第一步从元件库,拖一个复选框到编辑区,随便起个名字,将原件设置为隐藏,这个是用来控制全选或全不选的。

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

3、第三步给原件添加交互事件,将原件编组然后添加点击事件,设置选中状态为复选框,值选择toggle即可,这样当鼠标点击时就会切换到复选框“原件”的选中状态。

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

5、如何美化单选按钮同样用之前的原件,这里佯镧诱嚣只是把复选框改成单选框,同样将原件编组然后添加点击事件,这里我们需要先对原件进行判断,当原件不可见时设置选中状态为单选,值选择toggle即可,这样当鼠标点击时就会切换到单选框“原件”的选中状态。

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

7、重点:一定要给“单选按钮”原件设定编组名称,不然当你切换其他按钮时当前按钮不会被隐藏,这样就没法实现重复点击该按钮的状态了,下面是单选按钮视觉效果演示。

Axure实战006:如何美化单选复选框按钮样式
  • axure rp点击文本框弹出万年历选择日期
  • 紫薯甜点怎么做?
  • 上传文件框怎么美化
  • 网页开发基础教程:[1]怎么为网站加入图标
  • 易语言API监控某进程是否退出
  • 热门搜索
    郑州旅游公司 旅游企业管理 那曲旅游 赤峰旅游攻略 烟台旅游学校 豪华游轮旅游攻略 旅游网站有哪些 旅游胜地图片 西安旅游攻略5天 北京旅游景点大全排名