Axure RP9 进度条设置

本文详细介绍了如何使用Axure RP9创建动态进度条,包括预期效果、实操步骤和交互设置。通过动态面板和文本标签,实现了进度条长度随页面加载随机变化,并实时显示进度百分比,最后完成时显示完成图标。
摘要由CSDN通过智能技术生成

一、前言
使用Axure的小伙伴应该都知道一些常用的功能,比如文本编辑框、日期选择项、下拉框、以及按钮等控件的使用。但是涉及稍微复杂交互设计,就比较复杂。

二、预期效果
本次主要是针对进度条的设计进行梳理,先说预期设置的效果:进度条随着页面的加载,不断的按照不规律的进度条长度进行变化,最终进度条长度达到100%,即完成整体的进度展示。使用的元件涉及:2个动态面板,1个文本标签,1个完成的组件。
效果视频如下:

屏幕录制2022-12-30 10.32.41

三、实操步骤
(1)、新增一个页面, 页面可以结合需要进行命名。在元件库中选择动态面板,移动到编辑区域,完成元件「动态面板」的新增。这里设置动态面板的样式是432 W宽度,高度16H。颜色线段均保持原有的初始配置。如下图所示:

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值