标签：动态面板

小楼一夜听春语 3年前 (2021-04-26) 8324浏览

开关按钮非常常见，它有打开和关闭两种状态。 在本篇教程中，我们通过两种方法实现这样的开关按钮。 一、使用动态面板实现 既然开关按钮有打开和关闭两种状态，我们就可以给动态面板添加两个状态，并在每个 …

小楼一夜听春语 3年前 (2021-04-16) 8706浏览

在Axure RP 9+的自带元件库“Sample UI Patterns”中，有一个名为“滑块”的元件。 结合我们已经掌握《局部变量的应用》、《系统变量的应用》以及《动态面板的应用（4）》，这个元件我们可以自己完成。 首先， …

小楼一夜听春语 3年前 (2021-04-16) 4330浏览

在移动端的原型设计中，通过手指拖动切换不同界面的操作很常见。 这样的交互设计，我们可通过动态面板的多个状态来实现。 在画布中，我们添加一个动态面板，命名为“切换面板”，并且为它添加3个状态，每个状 …

小楼一夜听春语 3年前 (2021-04-14) 3525浏览

最后一部分内容，可能你会觉得蛋疼，没蛋的可以假装一下。 为什么这么说？因为无法做到十分完美。 当你完成《带有进度条的图片轮播（中）》之后，你会发现，点击左右箭头的时候，效果很诡异。 上图是我在第 …

小楼一夜听春语 3年前 (2021-04-13) 3679浏览

在《带有进度条的图片轮播（上）》中，我们一起完成了幻灯片功能模块图片的自动切换，以及点击左右箭头切换图片的交互。 这篇教程中，我们完成剩余的部分。 剩余的部分是左下方的页签，这些页签原本是白色 …

小楼一夜听春语 3年前 (2021-04-12) 6401浏览

学习本篇教程前，请先掌握《动态面板的应用（1）》、《动态面板的应用（2）》和《动态面板的应用（3）》。 当然，你硬上我也拦不住... 快乐还是痛苦，你自己选吧！ 36kr当前网站首页有个幻灯片循环播放模块 …

小楼一夜听春语 3年前 (2021-04-12) 4268浏览

支付宝官网的首页有三张背景图轮流呈现。 地址：https://www.alipay.com/ 页面上的图标、按钮等元素，不在教程中再做讲述。 我们这里主要实现图片的自动切换。 在页面中，三张图片轮流切换，并且切换时带有 …

小楼一夜听春语 3年前 (2021-04-08) 4634浏览

百度贴吧的登录方式有两种，扫描二维码登录或者通过用户名与密码登录。 当用户点击登录面板右上方的蓝色三角形图标时，能够切换不同的登录方式。 原网页地址：http://tieba.baidu.com/f/user/passport 实现 …

小楼一夜听春语 3年前 (2021-04-07) 5710浏览

一般来说，组合能够做的事情，都可以通过动态面板来实现。 就像《元件组合的应用（1）》、《元件组合的应用（2）》以及《元件组合的应用（3）》中所有的案例都可以用动态面板代替组合。 怎么代替呢？ 只将 …