Axure设计:简单的“开关”按键

2025-05-14 04:48:09

1、”开关“按键比较简单,如下图,新建一个”圆形“及一个”矩形“

Axure设计:简单的“开关”按键

3、另单独再设置”矩形:block“的选中时,填充色为#009900

Axure设计:简单的“开关”按键

5、布局、组合结束后,下来就是”开关“按键的交互动作~

6、”组合:on-off“的”鼠标点击时“的交互动作:---设置”当前控件“的选中状态为”切换(toggle)“方式---

Axure设计:简单的“开关”按键

8、设置“元件:block”为局部变量LVAR1所以X的值为[[LVAR1.right-This.width-3]]

Axure设计:简单的“开关”按键

10、”圆形:round“的”取消选中时“的交互动作:---移动”圆形:round“到指定位置(X,Y)---

Axure设计:简单的“开关”按键

12、Y的值依旧为[[This.y]]

Axure设计:简单的“开关”按键Axure设计:简单的“开关”按键Axure设计:简单的“开关”按键

16、觉得不错的话,请投个票,加个赞哦~

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢