【Axure RP9基础】Axure滑块开关效果详解

Axure滑块开关效果详解
最终效果：点击切换开、关状态，默认为开的状态；

步骤1：拖动元件【矩形】至画布中，调整形状，填充颜色，去掉边框；

步骤2：拖动元件【圆形】至画布中，调整大小使之直径略小于步骤1中椭圆形的高，去掉圆形的边框，拖动调整位置；

步骤3：创建文本，调整文字的颜色、大小和位置；（不需要文字可忽略此步骤）
步骤4：将步骤1-3的组件全选组合，记得起个组合名称：开；

步骤5：复制步骤4中的组合，调整至关的样式：调整圆形位置、椭圆形的填充颜色、文字，给新的组合命名为：关；

步骤6：选中组合：关，为其添加交互：载入时，隐藏组合关；

步骤7：
1）将步骤4和步骤5制作的两个组合全选再次组合，命名为：开关；
2）为组合：开关（注意别选错组合，可以看一下右边的组合名字是不是你给大组合起的名字，我这里叫开关）添加交互效果：单击时显示/隐藏选组合关，方式选择【切换】；再次添加交互效果，直接在单击下点击+继续添加即可：单击时显示/隐藏选组合开，方式选择【切换】；

步骤8：将开、关两个组合叠放至一起，组合开放至最上层；

步骤9：单击预览可在浏览器中查看最终效果。

【Axure RP9基础】Axure滑块开关效果详解相关推荐

【Axure RP9基础】 Axure标签页切换详解
[Axure RP9基础] 标签页切换在设计原型中,PC和APP端标签页切换是常用的功能,那么在用Axure画原型时我们可以用矩形和动态面板做出标签页切换的效果. 最终效果:点击标签页,显示标签页选 ...
【Axure RP9基础】CSDN登录框（二）之验证码倒计时
[Axure RP9基础]CSDN登录框(二)之验证码倒计时需求: 先来看一下我们对点击验证码的需求: 手机号为空,提示:手机号不能为空! 手机号格式不正确,提示:手机号码格式不正确手机号输入11 ...
零基础入门 Unity 之 UGUI 详解专栏 | 寻找C站宝藏
零基础入门 Unity 之 UGUI 详解专栏 | 寻找C站宝藏六大推荐理由理由一:系统理由二:详细理由三:专业理由四:图解理由五:深度理由六:实例一键直达:<UGUI 控件详解 ...
纹理基础知识和过滤模式详解
转载自纹理基础知识和过滤模式详解 1. 为什么在纹理采样时候需要 texture filter (纹理过滤) 我们的纹理要贴到三维图形表面,而三维图形上的pixel中心与纹理上的texel中心并不 ...
微投抖的1080_抖出来的算真4K吗？DLP XPR抖动原理及效果详解
抖出来的算真4K吗?DLP XPR抖动原理及效果详解 2019-03-28 16:17:30 69点赞 137收藏 61评论相比4K电视的快速普及,4K投影的进度就慢太多了.原生4K家用投影主要是L ...
学习电气自动化PLC编程最基础的十大知识点详解
这篇文章其实是学习PLC自动化过程中必须要理解的基础问题,不管是西门子PLC还是三菱PLC,抑或欧姆龙PLC,以及国产品牌的PLC,这些问题都必须理解透,才能更好的开始自动化编程.不然指令学完了梯形图 ...
[Python从零到壹] 八.数据库之MySQL和Sqlite基础知识及操作万字详解
欢迎大家来到"Python从零到壹",在这里我将分享约200篇Python系列文章,带大家一起去学习和玩耍,看看Python这个有趣的世界.所有文章都将结合案例.代码和作者的经验讲 ...
前端基础-HTML的的标签详解
阅读目录一.head内常用标签二. HTML语义化三. 字符实体四. h系列标签五. p标签六. img标签七. a标签八. 列表标签九. table标签十. form标签一. ...
关于计算机应用基础问题,《计算机应用基础》习题及问题详解
<计算机应用基础>习题及问题详解 (17页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 19.90 积分实用文档第一章计算机基础知识填空题 ...

【Axure RP9基础】Axure滑块开关效果详解

【Axure RP9基础】Axure滑块开关效果详解相关推荐

最新文章

热门文章