拖动栏、进度条和进度环是材料类型中较为常见的进度展示功能。明天，边肖将分享这两种进展在Axure基础项目应用中呈现功能的高度相关性互动结果。
结果:一个可以拖动的拖动进度条，可以呈现进度值，可以计算几页的平均值。
真实结果
功能步骤解释
为了触碰到几个页面的数值公告，可以使用Axure中【全局自变量】的功能，临时贴出每个进度条的数值，方便到可以在第一步就把五个进度值拿出来重新计算。
预解释
页面:五个进度页面中，一个效果呈现在页面中；
拖标底的目的:可以回去拖进度；
主次成分(如果列出成分可以提前给成分命名):进度底槽EvaluGap、进度按钮EvaluSelect、进度值得分、下一步、偶数自变量EvaluScore、初始评估得分；
逻辑1:从左到左进度值的和范围=0-100%；
逻辑二:进度值=(进度按钮水平背面的影响÷进度底槽水平背面的总宽度)*100；
逻辑三:初始分数=五个进度值的平均值；
详细表示法
1.在新创建的页面中
在页面的区域间接点击新建删除页面的按钮，按6次建立6个页面。
2.制作进度条组件。
①【加工底部凹槽评估间隙】
在第1页，将目录文件的“矩形框2”拖动到编译区的左上方，总宽度设置为350*20，标题命名为Evalu02GBap:
②【进度按钮评估选择】
将目录文件的“蛋形”拖动到编译区的左上方，设置总宽度为20*底度为20，并将标题命名为Evalu01Select。您可以设置底部颜色和底部凹槽来产生差异:
③【进步分数】
(4)改为静态内板。
选择三个组件，单击它们，并单击“转换为静态内板”选项，三个组件将一起死成一个“静态内板”:
“静态内板”的总体目标是在内板已经静止的情况下，设置组件移动时“水平拖动”的结果。
3.将进度条设置为拖动无序。
①在静态内面板特征区点击【拖动时】进入:在测试用例编译页面，点击左侧的【移动】:
②启用【进度按钮EvaluSelect】，移动方圆左下角的选项后选择“水平拖动”，会加大你们两个的差距。设定后，毫无疑问:
在那一步结束的时候，你就可以浏览结果了:你拖动结果，拖动的范围只在已经进行的底部槽位。
4.设置拖动进度条的时间刻度值。
①【进度分】默认值为“三级题型”，大家点开，改成“0”。
②在静态内面板上点击“拖动时-Case1”重新进入:在测试用例编译页面上，点击左侧的【设置文本】启用【Score01】，点击左下方的【fx】:
③新打开的窗心，也就是用于编制汉族数字的窗心，首先按照下图，删除两个自变量:
自变量1(LVAR1)是“进度按钮”，自变量2(LVAR2)是“进度底部槽”:
④将自变量放入涵洞:
你还记得《关心逻辑2》在你制作之前解释过的:
逻辑2:
进度值=(进度按钮水平背面的影响÷进度底槽水平背面的总宽度)*100
用Axure写出的函数表达式是:
进度键的水平影响:LVAR1.x
渐进式底部凹槽水平背面的总宽度:LVAR2.width
进度值=[[math.ceil(100*(lvar1.x)/(lvar2.width-20))]]
注意:如果进度键的曲率为20，则[进度底槽水平背面的总宽度]侧必须加上20。通过这样的控制，当向左按[进度键]时，[进度值]将正好是100。
设置完成后，可以再次浏览结果:拖动结果到进度，拖动显示进度值。
5.取“拖动进度条的时间刻度值”的值为“局的自变量”。
(1)面攻【新项目→齐局自变量】，删除一个新的齐局自变量，命名为Evalu01Score。毫无疑问:
②在静态内面板点击“拖动时-Case1”重新进入:在测试用例编译页面，点击左侧【设置变量类型】，启用自变量【Evalu01Score】，设置值为进度值【Score01】。
6.将第1页的控件复制到其余4页。
省略
7.设置初始分数EvaluateScore
①在第6页，将目录文件的“矩形框2”拖动到编译区，命名为EvaluateScore:
②点击“左下方第6页→载入页面时”进入测试用例编译页面，点击左侧【设置文本】，启用矩形框【EvaluateScore】，点击左下方【fx】:
③在“中文编号”编辑框中，输入[五个进度值的平均值]的中文编号:
【【数学。ceil(coreevalue05scoreintheshopofevalue01scoreevalue02scoreevalue03scoreevalue04s)/5]]
8.设置页面之间的自动跳转。
①在第1页中分配了一个矩形框，墨水笔编译为“下一步”:
②点击“下一步”矩形框中的“当计算机鼠标点击”进入测试用例编译页面，点击左侧的“打开连接”，选择Page2:
仿照例子，这样第1页-第5页的每一页都会再次缩小【下一页】。设置后，您可以再次浏览结果:
“拖动进度条的功能，可以拖动，呈现进度值，计算几页的平均值”真的发生了。剩下的只需要你删除其他内容元素，设置一些好的结果。
结果:倒计时，长时间停止和长时间停止后的可持续进展循环。
真实结果
功能步骤解释
预解释
页面:演示页面；
拖动目标价:做圆周运动；
主次组件(如果列出组件，可以提前背出组件名称):进度槽底部，装饰条coverLeft和coverRight，进度条左右，倒计时，长时间暂停，连续播放视频go；
倒计时逻辑:
①倒计时的总范围=10秒加0秒；
②倒计时速度=1s=100ms
③正倒计时实时法:通过全过程静态内板的【周期设置】实时；
④倒计时数据=10秒-扭曲时间=10-(扭曲视角/360)*10
进度逻辑:
①进度条底部，左侧装饰条盖左侧，左侧装饰条盖右侧，左侧进度条左侧，左侧进度条右侧，等级范围广泛:
②当倒计时已经开始:鲜红色的【装饰条】隔开并遮挡蓝紫色的【进度条】，然后页面中就没有进度条了；
③倒计时开始:【左侧进度条】反方向扭转，蓝紫色进度条逐渐显现。它向左旋转180度以显示细节；反方向扭转【左侧进度条】(另外【左侧装饰条】消失)，旋转180度显示细节；
④每秒扭转进度环角度=360°除以10秒=36°/s也就是说，如果预设为每250ms扭转一次，那么向下运动的视角应该是9°。
不断停火的逻辑:
①打脸【长停】:倒计时停止，长停键隐藏，连续播放键显示；
②面对面【连续视频播放】:倒计时开始，连续播放键隐藏，长停键显示；
详细表示法
1.创建新页面并制作每个组件。
注意:[静态划线循环]和[开始运行]两个组件的默认设置是“隐藏”
圆的制作方法:将两个圆环叠放后，一起选中，按下正面的“消除”按钮:
半圆的制作方法:矩形框和半圆叠加分布，然后全部选中，可以使用“来分”按钮:
同样，你可以做长停键和播放键的设计。
2.静态内板的[循环设置]
①设置主动d出的时间(静态内面板设置[演示时的交互])
设置【静态内板形状】→启用静态内板→下一个/后循环/250ms:
②设置正d出视角(静态内面板设置为在形状修改时交互)
先将[左进度条]向左扭转([左进度条]扭转角度<180°)，设置前提条件:
if"[[lvar1.rotation]]"<；"180"
在这个前提下，不断设定【扭曲目标价/视角】:
根据之前可能的计算:每一个周期为250ms，即每250ms扭转一次，向下运动的视角为9°。
③设置正倒计时的数据(静态内板设置为修改形状时交互)。
已经连续如果“[lvar1.rotation]]”<在“180”的前提下，通过整个[设置文本]的过程设置[即时倒计时数据]:
你还记得你做之前解释的“倒计时的逻辑”吗:
倒计时数据立即=10秒-扭曲时间=10-(扭曲视角/360)*10
写涵的表情是:
立即倒数数据=[[math.ceil(10-10*(lvar1.rotationlvar2.rotation)/360)]]
④如上，设置【左侧进度条】扭转。
如果“[[lvar2.rotation]]”，则删除新的测试用例
⑤初始设置失真执行后的情况。
如果是，删除一个新的测试用例。在此前提下，将静态内板的形状设置为截止周期，并隐藏静态内板:
我们来总结一下【静态衬砌做回路】应急响应的逻辑不利收益(如下图):
当[静态内板做回路]出现时
↓
[演示文稿]互动设置死效果
↓
开始下一个循环→这样你的形状就被修改了。
↓
【形状修改】互动设置死效果
↓
测试用例1开始实现→左边开始显示进度条→左边显示进度条细节。
↓
测试用例8开始实现→右侧开始显示进度条→右侧显示进度条细节。
↓
测试用例4开始实现→[静态内板DoingLoop]并结束循环。
注:测试用例的实现是按照【测试用例拉格理论】自顶向下进行的。为什么不对比测试用例标题数据？例如，如果测试用例4在测试用例2上舍入，测试用例4将首先实现。测试用例可以通过鼠标间接拖动。
3.长停止键和连续播放键的交互设置。
4.开始倒计时。
如果通过在“静态衬里循环”中设置“下一个返回循环”来执行倒计时的“250毫秒调低”，则每个人都开始倒计时，以开始“静态衬里循环”进行演示:
当第一步组件已经做好，我们已经将【静态内衬DoingLoop】设置为【隐藏】，那么我们只需要为所有页面设置【页面加载】的交互无序，让静态内衬从【隐藏】变为【呈现】，那么我们就赢了。
此设置已部分实现，请浏览~
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）