axure怎么做可选择颜色的进度条

axure怎么做可选择颜色的进度条,第1张

打开axure PR工具,从左侧元件库中拖拽两个元件分别为动态面板和按钮
右键动态面板---》编辑选项-----》管理面板状态
给动态面板添加5个状态
在动态面板的几个状态里都放上两个矩形和一个文本面板,一个做进度条外框,一个做进度条,文本面板做百分比双击状态1
然后制作上述三个元件,文本框制作成10%,其它两个矩形框一个制作成有颜色的一个制作边框
把上述三个元件拖拽到动态面板中
其它四个面板状态制作过程和上述一样,只是百分比的大小修改一下
制作好上述五种状态之后,我们就要给按钮添加点击事件,整个事件就是每隔1000毫秒,就切换动态面板的状态到下一个状态,具体 *** 作如下图的箭头所示
步骤阅读
9
到现在我们就制作好了进度条了,可以保存生成原型界面的网页查看效果了

方法如下:
1标记”LOGO”部的元件位置。如下:
移动到右边,在标记区域中添加元件。
11:背景区域:两个直角三角形,一个等边三角形(取色就使用拾色器取色)
12:LOGO,应用名称位置:根据标记线,添加LOGO,应用名称,(为什么右图的LOGO看起来是正方形,而左图为矩形呢?因为右图的LOGO下有一勾,在标记时也要将此勾作为一个整体标记。)
2标记”登录”部的元件位置。如下:
移动到右边,在标记区域中添加元件。由于登录部分元件比较多,我们需要分别拆开来看。
头像:圆形,位于左边据X轴41px,周长81px;
在线标记:圆形,位于左边据X轴101px,周长12px;
用户名、密码输入框:文本框,位于左边据X轴133px,宽196px,高28px;
所有的icon:均为宽26px,高26px;
登录按钮:按钮(矩形),与用户名、密码输入框左右对齐,高31px;
好了,记下以上的信息之后,有了标记线,就可以基本准确的画出原形图了,


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13371399.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-23
下一篇 2023-07-23

发表评论

登录后才能评论

评论列表(0条)

保存