Axure 环境进度条
2024-10-21 06:13:50
步骤一:拖拉摆放好相关控件
1、4个半圆环,一个白色上半圆环 (上白),一个白色下半圆环 (下白),一个灰色上半圆环 (上灰),一个灰色下半圆环 (下灰),排放层次为: 下灰<下白<上灰<上白 (小技巧:无底边矩形与圆形进行去除操作可得半环形)
2、上面盖两个圆形,大的为透明底黑框,小的为白底黑框;
3、中间一个文本标签,文字为“100%”,设置为上下左右居中,命名为“进度”
画一个矩形 W:160、H:80
画一个圆型 W:140、H:140
选中两形状 => 去除
复制三份,分别命名为 上白、上灰、下白、下灰(旋转 180度)
注意排放顺序:上白、上灰、下白、下灰
上面盖两个圆形,大的为透明底黑框 160106,小的为白底黑框 140140
文字为“100%”,设置为上下左右居中,命名为“进度”
步骤二:为页面添加页面载入时用例
1、触发“进度”的显示时用例;
2、相对顺时针旋转“上灰”180度,错点为底部,动画为线性,时间为3600毫秒:
3、等待3600毫秒:
4、将“下灰”至于顶层
5、相对顺时针旋转“下灰”180度,锚点为底部,动画为线性,时间为3600毫秒
此时,外环已经有进度条的效果了
步骤三:为“进度”添加显示时用例
1、设置“进度”的文字为ceil ( (“上灰”的角度+“下灰”的角度-180) /3.6);
2、等待0毫秒;
3、隐藏“进度”
4、显示“进度”
最新文章
- DFA 最小化
- 1306. Sorting Algorithm 2016 12 30
- php 正则获取html属性值
- AngularJS学习---更多模板(More Templating) step 8
- 关于年终奖励的扣税算法BUG
- Android中Parcelable接口的使用
- Mysql-学习笔记(==》事件 十二)
- Timeout expired超时时间已到. 达到了最大池大小 错误及Max Pool Size设置
- linux下从源代码安装git
- php重定向跳转
- js在php 中出现 unterminated string literal 解决方法
- 解决jquery animate({scrollTop$pos},500)与$(window).scroll方法冲突的问题
- Fireworks快捷键大全和ps查看切图的坐标颜色
- Spring JDBC调用存储函数
- 2018.09.15 bzoj1977:次小生成树 Tree(次小生成树+树剖)
- 微信网页授权获取code
- Java 中 Emoji 的正则表达式
- php常量的实现
- Redis-1-Redis的安装
- 接口测试中如何利用cookies保持会话
热门文章
- 基于.NetCore开发博客项目 StarBlog - (19) Markdown渲染方案探索
- javascript异步编程之generator(生成器函数)与asnyc/await语法糖
- onps栈使用说明(1)——API接口手册
- 浅谈MYSQL的索引以及它的数据结构
- for in 和 for of 的区别和v-for指令的三种使用方法
- Django 接收到body后 json.loads() 报编码错误 且在报错之前打印body为空
- Aspose.Cells实现excel预览
- 关于urllib.request解析网站不能decode
- Spring Security(6)
- <;七>;理解多态