用Axure RP 9制作滑块

于 2024-01-23 15:28:39 发布
阅读量638 收藏 8
点赞数 11
文章标签： axure
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_76964036/article/details/135770462
版权

制作流程

1.打开界面 放置一个水平线 修改长为400  线段为5 

2.放入圆  如图

3.修改圆的长和宽 如图 

4.将圆变成动态面板 

5.设置交互事件 如图

6.增加交互事件

7.增加

8.修改成跟随水平

柯南01
关注
  • 11
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Axure RP从入门到精通（三十三）案例（滑块）
人不风流枉少年
06-28 1184
拖动一个矩形作为底部轨道：设置填充为浅灰色、无边框、圆角。 复制浅灰色矩形修改填充色为绿色，然后放在底部轨道上。 拖拽一个椭圆，设置边框和边框颜色，并放在绿色轨道右边。 选中圆形和绿色轨道将之变为动态面板（因为只有动态面板才有拖动事件）。 为动态面板增加拖动时事件，拖动时设置绿色轨道的宽度和圆形滑块的横坐标。 6. 如果不给拖动加个条件限制可以一直向右移动。当绿色轨道的宽度小于总宽度时可以移动。当等于总宽度时让总宽度设置为总宽度少1这样可以继续向左移动。 7. 示例效果 ...
Axure RP 8 企业版 滑块动画制作
qq_41419761的博客
10-07 1009
Axure RP 8 企业版 滑块动画制作 我所制作的滑块是花瓣网的注册界面的滑动验证，其他网站的滑块验证方法大体相同，效果如图所示！ 主要元件： 滑块主要是由矩形，动态面板，热区组成 灰色矩形， 动态面板“BackgroundPanel”，绿色矩形“GreenShape”在这个面板的状态中； 透明矩形“CheckTip”， 动态面板“SliderPanel”，矩形滑块“Sli...
Axure显示进度的横向滑块
自学吧
07-29 689
下载地址：点击下载>>https://www.axure.com.cn/wp-content/uploads/2016/01/jindutiao.zip 预览地址：http://ybt2uz.axshare.cn/#g=1&p=index 构成元件就三个。 1、一个背景（矩形，宽600，高30，圆角半径15）命名为beijing. 2、一个进度条（复制背景，设置背景颜色为蓝色，宽度设置为30）命名为jindu。 3、一个圆形。将圆形转换成动态面板。命名为yuanquan. 为了方便理解
AXURE滑动条等控件
01-09
AXURE控件中的滑动条的效果，大家可以来试试哦！下载到本地中，然后打开AXURE软件，在元件库中载入即可
AXURE RP8实战手册 网站和APP原型制作案例精粹：拖动滑块解锁.rp
06-19
AXURE RP8实战手册 网站和APP原型制作案例精粹：拖动滑块解锁.rp
AxureRP9资源库.zip
12-01
总的来说，"AxureRP9资源库.zip"中的内容可能是为了帮助用户更高效地使用Axure RP9进行原型设计，提供元件库、实例和可能的教程资源。对于学习和提升Axure技能的用户来说，这是一个宝贵的资源。
Axure RP 9 元件库完整版.zip
06-15
"AxureRP9图表原件库"标签表明这个元件库特别强调了数据可视化方面的元素。图表原件是设计数据分析界面时必不可少的，如柱状图、饼图、线图、散点图等，可以帮助设计师模拟数据展示，提供直观的用户体验。这对于设计...
Axure RP9 滑动选择条设置
07-08
利用Axure画原型，分享滑动选择条的模版 包括基本样式、带提示样式、带隐藏提示样式三种
最全Axure rp元件库
05-26
Axure RP元件库包含多种类型的组件，如按钮、文本框、复选框、单选按钮、滑块、下拉菜单、日历选择器等，这些都是构建原型界面的基础元素。这些组件可以自由组合，以模拟各种交互行为，如点击、滑动、展开和关闭等。...
Axure RP9 制作特殊图形实操案例
08-06
《Axure RP9 制作特殊图形实操案例》是一个深入讲解如何利用Axure RP9软件工具创作非标准图形的教程。在这个视频中，讲师通过实际操作，详细展示了如何巧妙地运用“合并”、“去除”、“相交”和“排除”等基本图形...
AXURE RP8实战手册 网站和APP原型制作案例精粹：滑块的水平拖动效果.rp
06-19
AXURE RP8实战手册 网站和APP原型制作案例精粹：滑块的水平拖动效果
Axure滑动选择数值原型
11-18
Axure滑动选择数值原型 Axure小案例 有rp源文件 兼容版本: Axure RP 8， 9 文件大小: 175 KB
【Axure RP9基础】Axure滑块开关效果详解
miroro0921的博客
07-02 3349
Axure滑块开关效果详解 最终效果：点击切换开、关状态，默认为开的状态； 步骤1：拖动元件【矩形】至画布中，调整形状，填充颜色，去掉边框； 步骤2：拖动元件【圆形】至画布中，调整大小使之直径略小于步骤1中椭圆形的高，去掉圆形的边框，拖动调整位置； 步骤3：创建文本，调整文字的颜色、大小和位置；（不需要文字可忽略此步骤） 步骤4：将步骤1-3的组件全选组合，记得起个组合名称：开； 步骤5：复制步骤4中的组合，调整至关的样式：调整圆形位置、椭圆形的填充颜色、文字，给新的组合命名为：关； 步骤6：选中
Axure 9 滑块按钮交互
u012062810的专栏
04-12 842
1、最终效果 2、部件图，拉个动态面板 3、给背景 右键样式效果，给禁用、选中分别给填充不同的颜色 4、直接给动态面板 交互动作 帮到你就给个赞，这教程比网上乱七八糟的简单吧！ ...
Axure设计之滑动验证组件（动态面板）
最新发布
招风的黑耳CSDN
06-27 2571
Axure原型设计之拖动滑块验证组件
AxureRP8实战手册-案例32（滑块的水平拖动效果）
qq_24857309的博客
07-15 765
案例96. 滑块的水平拖动效果 案例来源: UC浏览器-设置 案例效果： 初始状态：（图6-88） 开启功能时：（图6-89） 案例描述： 使用系统亮度时，滑块位置与状态条长度不可调节；取消系统亮度的勾选时，滑块与状态条变为蓝色，可以拖动滑块位置改变状态条长度。 元件准备： 页面中：（图6-90） 动态面板“SliderPanel”中：（图6-91） 包含命名： 动态面板（用于拖动调节亮度的滑块）：SliderPanel 矩形（用于调节线的背景）：BackgroundLin
Axure教程—分段滑动条
weixin_43516258的博客
06-08 966
本文将教大家如何用AXURE中动态面板制作单分段滑动条
【Axure交互教程】拖动滑块确定评分区间效果
Daisy Axure
08-04 572
作品名称：拖动滑块确定评分区间效果 作品编号：Case005 软件版本：Axure9 作品类型：交互案例 滑块拖动效果是原型设计中比较常见的交互效果，今天我们以豆瓣的评分区间筛选组件为例来讲讲如何在Axure中实现拖动滑块确定评分区间的交互。 原型预览链接（附源文件下载链接）：http://daisyaxure.com/demo/Case005 交互效果说明 1.滑块及评分数值跟随鼠标拖动沿水平方向移动，移动范围不能超出灰色背景条两端。 2.拖动滑块时，橙色的进度条宽度随着滑块.
Axure RP9——【筛选项滑动切块】
两条线-twolines
12-01 1313
筛选项滑动切块 目录 筛选项滑动切块 I.效果演示 II.实现步骤 I.效果演示 当点击界面内的任意按钮，会出现选中效果；未点击的按钮为未选中状态。 Axure rp9-筛选项滑动切块 II.实现步骤 思路： 利用【显示/隐藏】+【热区】功能实现选项滑动的效果。 注：用动态面板也可以做，原理可以参考上一篇。这里换一种做法，希望可以给你带来新思路。 1.准备元件 此例：设定3个按钮 ①标准如下： 设置等大，位置摆放好，并分别进行命...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值