阜阳微网站建设多少钱,学网站建设工作室,上海网站建设信息网,最好的手机资源网站目录 一、不可暂停进度条
1.1 前期准备
1.2 效果假想
1.3 适用场景
1.4 实现步骤
#xff08;1#xff09;除按钮外的元件设置隐藏
#xff08;2#xff09;给按钮添加交互
#xff08;3#xff09;给变量值文本标签添加交互
#xff08;4#xff09;给进度条矩…目录 一、不可暂停进度条
1.1 前期准备
1.2 效果假想
1.3 适用场景
1.4 实现步骤
1除按钮外的元件设置隐藏
2给按钮添加交互
3给变量值文本标签添加交互
4给进度条矩形添加交互
1.4 效果演示
二、可暂停进度条
2.1 效果假想
2.2 适用场景
2.3 实现步骤
1除按扭外的元件设置隐藏
2给按钮添加交互
3给变量值文本标签添加交互
4给进度条矩形添加交互
2.4 效果演示 一、不可暂停进度条
1.1 前期准备 两个矩形元件两个颜色不同的进度条一个下载按钮即进度条开始按钮两个文本标签即进度值两个文本标签内分别存放0和百分号% 准备后效果 将两个进度条放置到同一位置后即可开始添加下载按钮的交互事件了。 1.2 效果假想 点击按钮时进度值和进度条进行从0%到100%的同步增加中途不可暂停。 1.3 适用场景 不可暂停进度条适用于页面加载过程中等待的时候。 1.4 实现步骤
1除按钮外的元件设置隐藏 先把除按钮之外的其他元件设置隐藏如下 2给按钮添加交互 给除按钮之外的其他元件设置隐藏后我们就可以给按钮添加交互了如下 3给变量值文本标签添加交互 操作如下 完成到这里我们就可以进行预览看看交互功能有无问题预览如下 可以看到变量值的自增长没有问题然后就可以进行进度条的交互添加了。 4给进度条矩形添加交互
实现思路是 给其中一个矩形设置宽度为0再将元件显示时的尺寸设置为400然后将元件的动画设置为线性并且设置动画持续时间为5000毫秒前面进度值设置的是50毫秒1%进度条的动画持续时间就设置成50x100。 实操如下 然后最后一步就是当变量值与进度条加载完成之后我们的下载按钮中的文本需要变为“完成”操作如下 1.4 效果演示 最后成果的预览效果如下 二、可暂停进度条 准备元件跟不可暂停的进度条的元件一致只是多了个矩形来充当全局变量。 所以可暂停进度条我做的跟不可暂停进度条样式是一样尺寸的。 2.1 效果假想 当我们点击下载时进度值和进度条会显示并且进度值与进度条同步从0%增加到100%。中途未做出任何动作时如果我们在进度条加载0%到100%还未完成时再次点击按钮进度条与进度值会暂停即跟我们下载软件程序一样可以通过自己手动去强制暂停安装包的下载任务。并且在我们手动暂停下载进度条之后再次点击按钮使还未完成的进度条可以继续走下去。 2.2 适用场景 下载软件安装包时的手动暂停页面等。 2.3 实现步骤
1除按扭外的元件设置隐藏 注 跟不可暂停进度条不同的是在进度条的下方我多添加了一个矩形并设置为隐藏。我给它的命名为代表全局变量的矩形。 2给按钮添加交互 3给变量值文本标签添加交互 4给进度条矩形添加交互 2.4 效果演示 今天Axure的拓展就到这里这一期给大家分享了Axure制作可暂停与不可暂停进度加载条在后续的时间里博主会努力持续更新给大家带来更优质的作品
