Axure:一个简易的进展条,掌握“开启恶性事件”

2021-03-30 09:00 jianzhan
训练目地:根据应用“开启恶性事件”,进行自循环系统及终止循环系统。不同于常见的动态性控制面板循环系统体制。 难题:假如仅仅全自动填满,那麼用一内设置规格,加一个动漫便可以拿下。可是这一百分数一直在变,就必须动一点点当心思了。 下列是实际流程 1. 提前准备素材图片 三个矩形框: (1)情况框 – 取名为情况框 添充色调:不全透明度0(即透明)—— 目地:下边的进展条转变时可以看到 —— 关键; 元器件宽高:400 * 40 —— 关键,但可全自动设定; 元器件等级:放置高层(最少要维持在进展条的上边) —— 关键; 默认设置文本:0% —— 不看重要,可无一切文本。中后期姿势实行以后会全自动显示信息; 文本尺寸、文本色调、文本排版设计、直线等也不关键,可全自动设定。 难题思索:为何添充色调是透明的,文本及外框还由此可见呢? 如何设定能让他们一起全透明呢? (2)进展条 添充色调:与情况色不一样就可以 —— 此测试用例应用的是CCCCCC,可自主设定别的色调 —— 关键; 元器件宽高:1 * 40 —— 默认设置是进展是0,因此宽为0,可是axure元器件宽高的最少值只有到1,因此处是1。高不能超过情况框的高 —— 关键; 元器件等级:放置最底层(最少要维持在情况框的下边) —— 关键; 元器件部位:相当于情况框部位(左上方); 不必放文本。 (3)刚开始按键 无独特表明,可自主设定。用以互动姿势(这里是点一下)。 还可以省掉此元器件,立即将互动姿势置放于“情况框”,或是网页页面加载时……
由到进展条为总宽1,与情况框的边线重叠了,故仿佛沒有进展条。 2. 姿势设定 整理一下进展条实行的逻辑性,试着画个步骤图。
汉语翻译成大白话文便是: 假如进展条满了, 也不实行(全都不做),假如没满就: 更改进展条的总宽; 升级百分数; 等候 1 毫秒。 再说一次 – 再实行一次“点一下刚开始”。  第 1 步:设定外置标准 实例中外置标准为:进展条的总宽低于情况框时。
这里采用了width特性,元器件的总宽。 第 2 步:添充 —— 调节进展条的总宽
元器件自变量Target,就是指总体目标元器件(处于被动方),与之相匹配的是This(当今元器件,积极方)。能够那样了解,A和B打架斗殴,A打过B一巴掌,那麼A便是this(积极方),便是target(处于被动方)。因此,能够用Target、This自变量节约设定一些部分自变量。 这里采用了height特性,元器件的高宽比。2个公式计算的含意:宽自增1,高不会改变。 应用常见自变量有益于原形的转移及变化。 思索一下:这里为何不立即用数据? 第 3 步:升级百分数 测算公式计算 —— 进展条总宽 除于 情况框总宽,再将该值变换成百得分。
应用了math.floor()涵数——[[Math.floor(JDT.width/BJK.width * 100)]]% JDT.width/BJK.width —— 进展条总宽除于情况框总宽 的值,会有有小数点; * 100 —— 百分号前边的标值,因此要乘以100; math.floor() —— 回到低于或相当于一个给定数据的较大整数金额,除去小数点。 比如:math.floor(99.9)得到来的結果是99; % —— 最终面的“%”纯标识符显示信息,用以显示信息。 第 4 步:等候 1 毫秒
依据自身要想的实际效果,自主调节该值尺寸 —— 即等多长时间再实行一次,反映到循环系统的速率上边。谨记一定要等候最少 1 毫秒,否则循环系统会不成功。 注:不组成循环系统的状况,能够无需等候。 第 5 步:开启恶性事件
流程: 挑选被开启恶性事件的元器件 —— 这时是开启自身,因此立即启用当今元器件; 配备被开启的姿势:要该元器件干什么? —— 这时是要开启该元器件电脑鼠标点击姿势(由于现阶段的方式全是配在该姿势里边)。到此,进展条互动实际效果所有进行,快去浏览看一下实际效果吧! 写在后边 开启恶性事件作用,非常因此启用现有方式。 即,当N个元器件必须应用某一个方式时,之前的方法是,拷贝N份,中后期调节一下十分不便捷。若灵便应用开启恶性事件,节能够节约许多反复的流程,同时维护保养起來也会更便捷一些。 中后期的实例教程中,可能见到大量的应用开启恶性事件的事例。 原形:一般进展条