Axure 环境进度条

步骤一:拖拉摆放好相关控件

1、4个半圆环,一个白色上半圆环 (上白),一个白色下半圆环 (下白),一个灰色上半圆环 (上灰),一个灰色下半圆环 (下灰),排放层次为: 下灰<下白<上灰<上白 (小技巧:无底边矩形与圆形进行去除操作可得半环形)
2、上面盖两个圆形,大的为透明底黑框,小的为白底黑框;
3、中间一个文本标签,文字为“100%”,设置为上下左右居中,命名为“进度”

画一个矩形 W:160、H:80
画一个圆型 W:140、H:140
选中两形状 => 去除
image
复制三份,分别命名为 上白、上灰、下白、下灰(旋转 180度)
image
注意排放顺序:上白、上灰、下白、下灰
image
上面盖两个圆形,大的为透明底黑框 160106,小的为白底黑框 140140
image
文字为“100%”,设置为上下左右居中,命名为“进度”
image

步骤二:为页面添加页面载入时用例

1、触发“进度”的显示时用例;
2、相对顺时针旋转“上灰”180度,错点为底部,动画为线性,时间为3600毫秒:
3、等待3600毫秒:
4、将“下灰”至于顶层
5、相对顺时针旋转“下灰”180度,锚点为底部,动画为线性,时间为3600毫秒

image
image
image
image
此时,外环已经有进度条的效果了

步骤三:为“进度”添加显示时用例

1、设置“进度”的文字为ceil ( (“上灰”的角度+“下灰”的角度-180) /3.6);
2、等待0毫秒;
3、隐藏“进度”
4、显示“进度”
image
image
image

本文转载于网络 如有侵权请联系删除

相关文章

  • EditPlus正则表达式替换字符串详解

    大家好,又见面了,我是你们的朋友全栈君。EditPlus的查找,替换,文件中查找支持以下的正则表达式:ExpressionDescription\tTabcharacter.\nNewline..Matchesanycharacter.|Eitherexpressiononitsleftandrightsidematchesthetargetstring.Forexample,“a|b”matches“a”and“b”.[]Anyoftheenclosedcharactersmaymatchthetargetcharacter.Forexample,“[ab]”matches“a”and“b”.“[0-9]”matchesanydigit.[^]Noneoftheenclosedcharactersmaymatchthetargetcharacter.Forexample,“[^ab]”matchesallcharacterEXCEPT“a”and“b”.“[^0-9]”matchesanynon-digitcharacter.*Charactertotheleftofasterisk

  • Java流的一点用法

    一、在new到某文件输出流(不管是字符输出流还是字节输出流)的时候,如果没有没有添加追加属性,那么此输出流就会将文件中的数据冲掉。   案例:publicclassFileWriteDemon{ publicstaticvoidmain(String[]args){ fileToList(); } publicstaticvoidfileToList(){ Propertiesp=newProperties(); FilecountFile=newFile("connt.ini"); if(!countFile.exists()){ try{ countFile.createNewFile();//判断如果文件为空就创建 }catch(IOExceptione){ e.printStackTrace(); } } FileOutputStreampw=null; FileReaderbr=null; try{ 1、br=newFileReader(countFile); 2、pw=newFileOutputStream(countFile);// 3、Syste

  • 腾讯云 Elasticsearch 购买建议

    Elasticsearch版本腾讯云Elasticsearch目前提供5个版本:5.6.4、6.4.3、6.8.2、7.5.1、7.10.1版本。具体选择那个版本根据实际需求选择。建议选择6.8.2以上的版本,优化和稳定性比较好,并且支持长期优化更新。如果后期需要升级版本,在控制台上即可完成升级。注:只能逐步升级版本,不支持降级版本。大版本的差异性参考:https://cloud.tencent.com/document/product/845/36106高级特性腾讯云Elasticsearch目前提供3个版本:基础版、白金版、开源版。基础版集成了官方高级商业特性插件(原X-Pack),包含安全(Security)、SQL、机器学习(MachineLearning)、监控(Monitor)等部分高级功能;白金版包含所有高级特性;而基础版只包含SQL的一部分和监控功能。详细介绍可参考:https://cloud.tencent.com/document/product/845/34926。注:基础版和开源版的价格是一样的,而白金版由于原厂版权费会比基础版和开源版贵10%左右。可用区部署模

  • 第三章 负载均衡LB服务之Haproxy(二)

    3.2Haproxy实验3.2.1实验架构本节实验架构图如下:客户端访问http://202.0.0.1时,要把请求分发到192.168.10.100、192.168.5.102,这两台服务器上。我们首先配置好四台主机的ip地址,并将web1、web2两台服务器部署httpd服务,并分别创建页面www1.rzz.com和www2.rzz.com。3.2.2Haproxy服务器配置首先,centos的系统光盘并不自带Haproxy的程序包,所以需要我们手动下载,在这里我下载的是1.5.18版,并使用winscp工具上传至Linux系统的/mnt/目录下。然后安装该软件包:rpm-ivh/mnt/haproxy-1.5.18-8.el7.x86_64.rpmHaproxy的配置文件是/etc/haproxy/haproxy.cfg其中共有五个主要配置模块,当然这些组件不是必选的,可以根据需要选择部分作为配置。global:参数是进程级的,通常和操作系统(OS)相关。这些参数一般只设置一次,如果配置无误,就不需要再次配置进行修改defaults:配置默认参数的,这些参数可以被利用配置到fro

  • 网友怒怼程序员:编程不用深奥知识!被反怼:不仅码农还自我感觉良好

    如今的程序员,手上没有几把刷子,好像都说不过去一样,尤其是互联网行业这么发达的今天,没有技术更是寸步难行。而如果说哪家程序员技术比较厉害的话,我估计还是BAT等大型企业,毕竟这些大厂的程序员都是行业中的精英,不仅薪资高而且技术也相对顶尖。  然而今日,竟有人开始怼程序员: 而对此,很多程序员网友就不满了:评论中有网友在嘲笑楼主自我感觉良好,学会了修自行车就感觉飞机大炮也是这么修的。仿佛在无形之中讽刺了这位楼主的格局低!而还有百度员工表示要是不区分学历,那么清华北大和985.211院校和岂不是和高中生一样?那样子别人读那么久的书有什么用?还有网友说得比较现实,现在不光是IT行业,每个行业学历都是敲门砖,没有学历人家理都不理,因为在很多公司看来,没有学历代表着你这个人的成长空间有限。再者,还有网友说楼主说出这段话的时候,虽然语气上很强硬,但是明显是不自信的体现,真正厉害的人是不会说自己厉害的,更别说还在鄙视他人了。其实,我觉得完全没有必要这样,学历对于很多职业来说就像考证一样,是证明你自己的一个最低底线。但是话又说回来,学历高并不能代表一切,找工作的时候,好学历能够带来很多的面试资源并且还

  • 对皮肤美白算法的一些研究。

     皮肤美白是现在任何一款流行的美颜软件必备的功能之一,不过你如果在互联网上搜索关于美白算法,能直接拿到并使用的可能不多。一直觉得这个算法其实很简单的,并且实现的方式可以说是多种多样,本文分享自己研究过的三种实现方式。  第一:借用色彩平衡算法   色彩平衡是Photoshop中常用的一个功能,发现这个算法能实现美白的是从一个叫DigitalCameraEnhance的软件中偶然遇到的,这个软件的界面如下图:  其中的调节中间影调一栏会发现右侧目的图像美白程度不断增加,于是我想到PS中有中间调的功能最有名的就是色彩平衡,打开色彩平衡功能,把色阶三个框设置为同一个正值,并且不勾选保持明度选项,则图像明显出现美白现象。 注意第一:色阶的三个调整值必须相同或者差异很小,不然输出图片会出现偏色,第二:一定选选择中间调;第三:必须不勾选保持明度选项。   关于这个算法的代码,可以从开源的GIMP软件中扣取,其实如果符合上述三个条件,有能力的人就会发现其实最后就是一个映射表而已了,这里不给出具体的算法公式。GIMP是开源的,有这个需求的就应该自己动手去找。 第二:使用logarithmicCurve

  • MySQL快速导入千万条数据(2)

    接上文,继续测试3000万条记录快速导入数据库。一、导入前1000万条数据清库、建库、新建表结构、导入前1000万条数据,结果:■1000万行,有2索引导入耗时:16分钟QueryOK,9999966rowsaffected,5920warnings(16min12.95sec) Records:9999966Deleted:0Skipped:0Warnings:5920复制可见,导入千万条数据,性能下降明显。二、导入前2000万条数据清库、建库、新建表结构、导入前2000万条数据,结果:■2000万行,无索引导入耗时:45分钟QueryOK,19999966rowsaffected,5920warnings(45min2.05sec) Records:19999966Deleted:0Skipped:0Warnings:5920复制可见,导入更大量的数据,性能更是急剧下降,2000万条记录耗时长达45分钟!由于是笔记本虚机,怀疑cpu性能、io性能、内存配置导致了这个结果。三、导入后面的1000万条数据由于一次导入千万条数据性能较低,因此决定把后面的1000万行,拆分为两部分,分两次

  • react native ts环境搭建

      reactnative编写原生应用,不仅可以编写android,还可以编写ios,使得我们的编程,变得更加的简洁,那其实搭建reactnative环境是非常简单的,随着互联网的发展,那对于编写的规范也变得更加的严格,比如说,出现的typescript,但是给编程也带来一些麻烦,比如,实现同样一个功能,我们需要写更多的代码,但优点也是很多的   1、使其更易于阅读和调试。   2、为我们提供了ES6(ECMAScript6)的所有优点,以及更高的工作效率。   3、可以帮助我们避免开发人员通过类型检查代码编写JavaScript时经常遇到的痛苦错误。   等等,还有很多优点,小编就不一一介绍了   下面介绍react+ts环境搭建   ①yarnglobaladdcreate-react-native-app    ②create-react-native-app项目名称   ③yarnaddtypescripttslint -D   ④yarnadd@types/react@types/react-native@types/react-dom-D   

  • python 处理图片 排列 复制 粘贴

    fromPILimportImageFont fromPILimportImage fromPILimportImageDraw list=['orange','red','blue','green','purle'] fortinlist: toImage=Image.new('RGB',(956*5,599*6),'white') images=r'/usr/local/var/python/zj/PythonApplication1/PythonApplication1/imgs/'+t+'.jpg' fromImage=Image.open(images) begin_x=0 begin_y=0 foriinrange(6): forjinrange(5): toImage.paste(fromImage,(begin_x,begin_y)) begin_x+=956# ifbegin_x%4780==0: begin_x=0 begin_y+=599 toImage.save(t+'1.jpg',quality=95) 复制

  • 彻底理解微商城多租户Saas架构设计

    彻底理解微商城多租户Saas架构设计 原文链接:https://blog.csdn.net/haponchang/article/details/104246317,感谢作者提供这么好的总结! 1.具体的SaaS架构必须 1.先仔细选择最适合应用程序需求的租户模型, 2.需要根据租户模型来选定最终的架构,即应用程序设计和管理、每个租户的数据如何映射到存储等等。 避免因租户模型的切换而付出昂贵的代价。 租户模型 --》应用程序设计+ 数据设计方案 2.影响租户模型的相关因素包括: 2.1可扩展性(Scalability) 租户的数量级 每个租户的存储级别 整体存储 工作负载 2.2租户隔离性(Tenantisolation) 数据隔离和性能(是否一个租户的负载会影响到其他租户) 2.3单租户成本(Per-tenantcost) 数据库成本 2.4开发复杂度(Developmentcomplexity) 数据结构的变化 查询语句的变化 2.5运维复杂度(Operationalcomplexity) 性能监控 数据结构schema管理 租户数据恢复 灾

  • 牛顿方法(Newton&#39;s Method)

    转载请注明出自BYRans博客:http://www.cnblogs.com/BYRans/         在讲义《线性回归、梯度下降》和《逻辑回归》中我们提到可以用梯度下降或梯度上升的方式求解θ。在本文中将讲解另一种求解θ的方法:牛顿方法(Newton'smethod)。   牛顿方法(Newton'smethod)    逻辑回归中利用Sigmoid函数g(z)和梯度上升来最大化ℓ(θ)。现在我们讨论另一个最大化ℓ(θ)的算法----牛顿方法。    牛顿方法是使用迭代的方法寻找使f(θ)=0的θ值,在这里θ是一个真实的值,不是一个参数,只不过θ的真正取值不确定。牛顿方法数学表达式为:            牛顿方法简单的理解方式为:先随机选一个点,然后求出f在该点的切线,即f在该点的导数。该切线等于0的点,即该切线与x轴相交的点为下一次迭代的

  • php rsa加密解密实例

    php服务端与客户端交互、提供开放api时,通常需要对敏感的部分api数据传输进行数据加密,这时候rsa非对称加密就能派上用处了,下面通过一个例子来说明如何用php来实现数据的加密解密   1、加密解密的第一步是生成公钥、私钥对,私钥加密的内容能通过公钥解密(反过来亦可以) 下载开源RSA密钥生成工具openssl(通常Linux系统都自带该程序),解压缩至独立的文件夹,进入其中的bin目录,执行以下命令: opensslgenrsa-outrsa_private_key.pem1024opensslpkcs8-topk8-informPEM-inrsa_private_key.pem-outformPEM-nocrypt-outprivate_key.pemopensslrsa-inrsa_private_key.pem-pubout-outrsa_public_key.pem 第一条命令生成原始RSA私钥文件rsa_private_key.pem,第二条命令将原始RSA私钥转换为pkcs8格式,第三条生成RSA公钥rsa_public_key.pem从上面看出通过私钥能生

  • click() 和onclick() 的区别和$(&quot;&quot;).click(fun(){}) 和 $(document).on(&#39;click&#39;,&#39;&#39;, fun(){}) 的区别

    $("").click(fun(){})和$(document).on(‘click’,’’,fun(){})的区别 $("").click(function(){})当指定的选择器被点击时触发回调函数fn,只针对页面已存在的元素新增加的元素没有效果 $(document).on(‘click’,’’,function(){})和click差不多,但是可以操作动态添加的元素 click()和onclick()的区别(仅供参考) 1、onclick是绑定事件 2、click本身是方法,作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件 3、click只执行一次。 4、onclick可以重复触发 5、click是方法;onclick是事件;执行click就是模拟鼠标点击,同时会触发onclick事件   感谢:https://blog.csdn.net/zhang19903848257/article/details/104016894

  • 关键对话

    您对待自己的朋友做到100%的尊重,100%坦诚。大多数人都说做不到。这怎么可能。 在日常生活中,有哪些对话是关键对话? 跟孩子对话经常是关键对话,跟配偶,跟员工,跟竞争对手,跟老板谈话,处理我们和他人的矛盾。 从心开始 要做到:即怒时莫与人书,即喜时摸与人物 像孔子学生颜回做到:不迁怒不二过,圣人也。 像对待小孩子教育问题,不要一味的责怪他人,改变你对这件事的看法。 参照:《高效能士的七个习惯》 一次对话的关键: 1.对话的我达成的目标是什么 2.对话的对方达成的目标是什么 3.双方关系达成什么目标 4.那我应该怎么做? 一段对话要时刻记住对话的意义,时刻强调对话的目的,双方情绪就不容易失控,就不会那么冲动。永远不要被对手激怒。 一段对话采用双核,一个核是处理谈话内容,一个核是处理谈话氛围。首先处理谈话氛围。 对话安全的方法: 1.抱歉。 2.对比说明 3.创造共同目的。 4.时刻保持尊重  

  • Django入门

    创建Django项目:   命令行创建:pythonmanage.pystartproject项目名  启动Django项目:   根目录下(有manage.py的目录)-----pythonmanage.pyrunserverIP:端口(可直接写端口或默认在本地的8000端口下) 创建APP:   命令行创建:pythonmanage.pystartappAPP名  创建新项目的相关配置:   1.templates(存放HTML文件)   2.新建static静态文件(CSS/JS/图片)   #静态文件保存目录的别名     STATIC_URL='/static/'  #所有的静态文件都放在下面配置的文件中    STATICFILES_DIRS=[       os.path.join(BASE_DIR,"static")     ]   3.注释掉带有csrf的那一行 一个完整的请求流程:   1.在浏览器地址栏输入URL,与服务器建立连接,浏览器发送请求   2.服务器受到请求消息,根据路径和函数对应关系,找到将要执行的函数   3.执行函数,打开HT

  • POJ.3414 Pots (BFS)

    POJ.3414Pots(BFS) 题意分析 给你两个容器,分别能装下A升水和B升水,并且可以进行以下操作 FILL(i)将第i个容器从水龙头里装满(1≤i≤2); DROP(i)将第i个容器抽干 POUR(i,j)将第i个容器里的水倒入第j个容器(这次操作结束后产生两种结果,一是第j个容器倒满并且第i个容器依旧有剩余,二是第i个容器里的水全部倒入j中,第i个容器为空) 现在要求你写一个程序,来找出能使其中任何一个容器里的水恰好有C升,找出最少操作数并给出操作过程。 BFS时其实有6种操作,因为要考虑1向2中倒水是会不会将2倒满,2向1倒水的时候同理。 对于输出路径,可以用一个二维数组来保存状态,同时保存他的前驱节点。 最后输出的时候,需要用到一下栈来逆置。 代码总览 #include<cstdio> #include<cstring> #include<algorithm> #include<queue> #include<string> #include<vector> #definen

  • 【apt-get install】报错【libcudnn.so.5 is not a symbolic link的解决方法】

    用apt-getinstall时经常报错: /sbin/ldconfig.real:/usr/local/cuda-8.0/targets/x86_64-linux/lib/libcudnn.so.5isnotasymboliclink /sbin/ldconfig.real:/usr/local/cuda-8.0/targets/x86_64-linux/lib/libcudnn.so.4isnotasymboliclink 正在处理用于man-db(2.7.5-1)的触发器... 正在设置libjsoncpp1:amd64(1.7.2-1)... 正在设置cmake(3.5.1-1ubuntu3)... 正在处理用于libc-bin(2.23-0ubuntu10)的触发器... /sbin/ldconfig.real:/usr/local/cuda-8.0/targets/x86_64-linux/lib/libcudnn.so.5isnotasymboliclink /sbin/ldconfig.real:/usr/local/cuda-8.0/targets/x

  • Git忽略已经被提交的文件

    为了避免麻烦,最好是一开始就设定好.gitignore文件,避免误提交了这些无用的文件。但是并不是所有情况都能在最开始就考虑周全的。因为.gitignore只能忽略掉那些原来没有被track的文件,如果有一些文件已经被纳入版本控制管理当中,那么直接修改.gitignore是无效的 有些文件已经被提交,但是后期做项目的过程中,我们想要忽略这些文件的跟踪。这些文件在本地磁盘中还想保留着 此时我们可以这样做: gitrm--cachesomefiles 删除本地缓存 更新gitignore文件,忽略目标文件(somefiles) 最后gitcommit-m'Wedon'tneedthatsomefiles 注意,这种方法下somefiles只会在提交者的磁盘中保留,如果其他开发者拉取你的commit后,他们磁盘内的这些文件也会消失,但是过滤掉的IDEA文件,别人的开发拉下代码后,他们使用IDEA重新刷新maven工程,那些消失的文件就会重新生成,并且大家各自拥有本地的文件iml,idea那些等不需要被追踪的文件。 如果要删除目录下所有文件包括子目录中的gitrm-r

  • 词法分析器

      标识符只能由小写英文字母组成,运算符个数有限,关键字个数有限 #include<stdio.h> #include<stdlib.h> #include<string.h> //单词符号结构体 typedefstructwordClass{ charword[10];//具体内容 intclass; structwordClass*next; }link; intflag=13;//记录当前识别的类别号 intbit;//记录当前位 charname[10];//记录识别的符号 intkeyword;//记录是否是关键词 link*known;//预定义链表,一符一码 link*identifier;//标识符链表 link*constant;//常数链表 charname[10]; //FILE*fout; voidsetKnown(); link*find_known(char*ch,link*p,FILE*fout); link*find_keyword(char*ch,link*p,FILE*fout); intmai

  • 最大公约数,欧几里得算法

    unsignedintGcd(unsignedintM,unsignedintN) { unsignedintRem; while(N>0) { Rem=M%N; M=N; N=Rem; } returnM; }复制 此算法复杂度O(logN)

  • js 获取昨天,今天,本周,上周,季度等时间范围

    Date.prototype.format=function(format){ varo={ "M+":this.getMonth()+1,//month "d+":this.getDate(),//day "h+":this.getHours(),//hour "m+":this.getMinutes(),//minute "s+":this.getSeconds(),//second "q+":Math.floor((this.getMonth()+3)/3),//quarter "S":this.getMilliseconds()//millisecond } if(/(y+)/.test(format))format=format.replace(RegExp.$1, (this.getFullYear()+"").substr(4-RegExp.$1.length)); for(varkino)if(newRegExp("("+k+")").test(format)) format=format.replace(RegExp.$1, RegExp.$1.length==1?o

相关推荐

推荐阅读