您现在的位置是：首页 > 设计知识设计知识
axure页面流程图,axure快速原型设计
网一2022-11-23 11:05:21设计知识46人已围观
简介axure页面流程图,axure快速原型设计pythonAxure原型工具如何做出进度条的效果？这里使用了设置动态面板大小的功能。如何实现？下面一步步介绍，希望能帮到你。想学习更多“AxureRP”教程？点击这里观看免费试听课。工具/软件硬件型号：机械革命极光空气版本：Windo
pythonAxure原型工具如何做出进度条的效果？这里使用了设置动态面板大小的功能。如何实现？下面一步步介绍，希望能帮到你。
想学习更多“Axure RP”教程？点击这里观看免费试听课。
工具/软件
硬件型号：机械革命极光空气
版本：Windows7
所需软件：Axure RP
方法/步骤
第1步
首先创建一个空白页，将相关的组件元素拖动到工作区，如下图所示。
第2步
然后设置第一个矩形，包括其名称、样式等。这是进度条的背景，如下图所示。
第3步
然后设置第二个矩形，包括样式等。这是进度条，如下图所示。
第4步
然后将第二个矩形转换成动态页面并命名，如下图所示。
第5步
在同一位置放置两个矩形，如下图所示。
第6步
接下来，设置交互事件。我们只需要在页面加载时添加它们。首先在页面加载的时候，让进度条的宽度为1，就是百分之一进度的感觉，如下图。
第7步
然后等待一段时间再开始让进度条四处移动，如下图所示。
第8步
移动进度条实际上是拉伸矩形的宽度。这里需要注意的是，动画效果应该是线性的，如下图所示。
第9步
最后f5预览效果，进度条加载缓慢。如果感觉太快或太慢，只需回到互动活动，延长或缩短时间。
注意/提示
上图“Axure prototype工具是如何做到进度条的效果的？”小六的内容就介绍到这里。希望今天小六分享的内容可以帮助朋友们解决问题，关于软件相关内容的介绍比较多。有需要的朋友可以来本站学习！
Tags：
很赞哦！ ()