最新消息:本站教程基于Axure RP 9.0.0.3723及更高版本,请在学习前确认软件版本是否符合要求,以免因为界面差异导致学习障碍!

标签:动态面板

教程

两种方式实现开关按钮

小楼一夜听春语 2个月前 (04-26) 358浏览

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

教程

可以拖动的滑块

小楼一夜听春语 2个月前 (04-16) 411浏览

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

教程

动态面板的应用(4)

小楼一夜听春语 2个月前 (04-16) 429浏览

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

教程

带有进度条的图片轮播(下)

小楼一夜听春语 2个月前 (04-14) 343浏览

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

教程

带有进度条的图片轮播(中)

小楼一夜听春语 2个月前 (04-13) 320浏览

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

教程

带有进度条的图片轮播(上)

小楼一夜听春语 2个月前 (04-12) 716浏览

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

教程

动态面板的应用(3)

小楼一夜听春语 2个月前 (04-12) 470浏览

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

教程

动态面板的应用(2)

小楼一夜听春语 2个月前 (04-08) 519浏览

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

教程

动态面板的应用(1)

小楼一夜听春语 2个月前 (04-07) 699浏览

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