溜溜问答 > 日常办公 > Axure > Axure如何做可选择颜色的进度条?
WenJun
WenJun
邀请你来回答
188人阅读 2020-11-17

Axure如何做可选择颜色的进度条?

我要回答
1个回答

打开Axure PR工具,从左侧元件库中拖拽两个元件分别为动态面板和按钮

右键动态面板---》编辑选项-----》管理面板状态

给动态面板添加5个状态

在动态面板的几个状态里都放上两个矩形和一个文本面板,一个做进度条外框,一个做进度条,文本面板做百分比.双击状态1

然后制作上述三个元件,文本框制作成10%,其它两个矩形框一个制作成有颜色的一个制作边框

把上述三个元件拖拽到动态面板中

其它四个面板状态制作过程和上述一样,只是百分比的大小修改一下

制作好上述五种状态之后,我们就要给按钮添加点击事件,整个事件就是每隔1000毫秒,就切换动态面板的状态到下一个状态,具体操作如下图的箭头所示
步骤阅读
9
到现在我们就制作好了进度条了,可以保存生成原型界面的网页查看效果了

查看全部
2020-11-17
回复 采纳

相关问题

Axure 如何画可选择切换页?
共2条回答 >
z.: 用Axure7或8打开
回复
用Axure做这种进度条如何做呀?
共1条回答 >
麦芽: 取两个矩形框抄,拉到相应的长度,其中一个透明,一个填充为蓝色,将填充为蓝色的矩形框右键转为动态面板,设置该动态面板的宽度为1,给该动态面板添加载入用例,设置尺寸等于透明矩形的宽度(可利用局部变量获取透明矩形的跨度:[[lvar1.wIDth]]),设置动画为线性,发布预览就可以啦。动态面板设置如下图(画框为注意事项):
回复
Axure 怎么画 可选择切换 页?
共1条回答 >
春茗: 用Axure7或8打开
回复
Axure怎么做可选择颜色的进度条?
共1条回答 >
陶訫勇: 打开axurePR工具,从左侧元件库中拖拽两个元件分别为动态面板和按钮右键动态面板---》编辑选项-----》管理面板状态给动态面板添加5个状态在动态面板的几个状态里都放上两个矩形和一个文本面板,一个做进度条外框,一个做进度条,文本面板做百分比.双击状态1然后制作上述三个元件,文本框制作成10%,其它两个矩形框一个制作成有颜色的一个制作边框把上述三个元件拖拽到动态面板中其它四个面板状态制作过程和上述一样,只是百分比的大小修改一下制作好上述五种状态之后,我们就要给按钮添加点击事件,整个事件就是每隔....
回复
Axure中的进度条
共1条回答 >
张悦: 画原型的目的之一是为了给开发人员看功能的实现效果,同时也可以打包制作成Demo给相关人员了解产品的完成形态,是产品人员的必备技能之一。除了画原型,产品人员还要做需求分析和文档编写等工作,所以不能花太多时间在此环节上。画原型所需时间与实现方法有关,以提高效率为目的,本文尽可能详细的介绍了进度条、进度环和滑动条三种原型的最简单实现方法,在介绍方法的过程中与大家分享自定义函数和常用math函数的使用以及元件操作的一些小技巧,希望能帮助大家在画原型的时候更加得心应手。一、进度条进度条常见于页面载入过程中....
回复
发表成功!
感谢您的分享!
好的
官方微信群

(微信添加“妙妙”或“笑笑”,邀您进群)