江苏龙网

  1. 主页 > 生活百科 > >

手把手教你制作axure进度条 axure进度条怎么做

大家好，我是日常君，经常和大家分享一些产品的日常工作经验 。今天给大家分享一个AXURE进度条的动画制作过程 。进度条的动画涉及到动态面板、参数变量等更高级功能的使用，是一个很好的学习案例 。在这里，我们使用AXURE制作一个在实际工作中制作的原型 。
实际需求:A金融终端是专业投资者使用的证券金融终端，主要提供全面可靠的授权研究报告，研究报告数据衍生的专业共识预期数据，高效的股票分析工具 。目前升级版本时，用户并不知道新版本更新了什么，所以我们需要在整个升级过程中让用户知道新版本的更新内容 。
自动下载后提示版本更新内容 。
单击install update now，更新将被安装，我们将到达我们的安装页面，这是本文的主题:
安装完成后，即进度达到100%后，会出现安装完成按钮:
下面是制作进度条效果的步骤:
1.加载页面时设置进度条:
创建新页面并添加进度条背景(背景):
使用图形原件
添加一个带有动态面板的进度条(jdt)，高度与bg一致，宽度任意:
将jdt设置为隐藏
当页面被加载时，
第二步，进度条初始化为ba的1%宽度 。
2.设置进度条动画和百分比值 。
【手把手教你制作axure进度条 axure进度条怎么做】页面加载后，进度条的状态会发生变化，所以可以设置动态面板变化时触发的动作，如下所示:
但是页面加载时只触发一次，然后进度条自动变宽，所以需要设置“改变大小”的动作来实现循环:
3.进度100%后，出现“完成打开”按钮，用户可以查看更新内容，点击登录软件 。用户有机会主动关注更新的内容:


    推荐阅读


    上一篇：分享这2种付费推广法 电商付费推广有哪些

    下一篇：超级吸引人的端午范文 端午文案范文