Axure8环形进度条原型制作

最新推荐文章于 2024-01-25 17:47:22 发布
最新推荐文章于 2024-01-25 17:47:22 发布
阅读量453 收藏
点赞数 2
分类专栏： # Axure8 文章标签： 代码小练笔
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Miracle1203/article/details/102664417
版权

实现效果：
在这里插入图片描述在这里插入图片描述

1首先拖入一个椭圆形，高度宽度设成250.在拖入一个矩形高度宽度设成140，如图叠在一起，在样式中选择去除

在这里插入图片描述在这里插入图片描述
2.再拖入一个椭圆形，长度宽度设成220.如图叠在一起，在样式中选择去除，得到图形如下
在这里插入图片描述在这里插入图片描述

3.再拖入椭圆形和矩形叠在一起去除取半圆，设置半圆的高15宽10，在缩放处选择300%，有利于半圆对齐，再填充灰色，去边框，组合
在这里插入图片描述在这里插入图片描述3在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述

4.重複上述步骤做出下面环形，叠起，简易环形进度条完成
在这里插入图片描述在这里插入图片描述

周偏偏偏
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
进度条_如何用Axure制作匀速环形进度条？
weixin_28938385的博客
01-12 256
在各类产品中，关于进度条的展现方式各异，而笔者选择了常见的匀速环形进度条，向我们展示了用Axure制作的要点与逻辑。01 最终效果元件加载环形(圆形)进度条自动增长(匀速)百分比数值跟随变化进度条增长到一定长度停止增长(百分比跟随停止)02 注意事项本教程用Axure9作为教程说明工具(Axure8可适用)本教程对于Axure基本操作不做赘述03 制作难点实现思路的逻辑(循环事件的应用)全局变量与...
教程 | 用 Axure 制作具有动态效果的环形进度条
05-09 1896
在进行原型制作的时候，经常会遇到这样一个交互：进度条。并且有时候进度条会自动“走动”到指定的位置，并且具有动态效果。 今天这个案例就是进度条。但是它是简单的进度条吗？NO！它是环形进度条，并且是具有动态效果的环形进度条。那么有些朋友会问说了，直线型的进度条我会做，但是环形的应该怎么做呢？ 问得好。接下来我们就一起来看看。 首先看看效果是如何的。打开页面之后，进度条会从初始的位置慢慢“走动”到一个具体的位置，我们可以看到它“走动”的路径。 大家可以打开...
Axure画环形进度条
布道者
07-12 1432
1.将椭圆高度、宽度设置为300，大小可由自己设置 2.将矩形的右下角的点与圆心重合，然后点击去除 3.重复步骤，画出 4.加入BUTTON按钮，，预期结果： 
【Axure高保真原型】可视化环形图
mushe93的博客
01-25 699
今天和大家可视化环形图的原型模板，，包括4种效果，移入变色在环形中部显示数据、移入变色在标签弹窗显示数据、移入放大在环形中部显示数据、移入放大在标签弹窗显示数据。这个原型是用Axure原生元件制作的，所以不需要联网或者调用外部图表……具体效果可以打开下方原型地址体验或者点击下方视频观看
Axure教程—环形进度条
weixin_43516258的博客
06-18 961
本文将教大家如何用AXURE制作环形进度条
Axure8 产品原型图 APP端
07-06
Axure8是该软件的一个版本，尽管现在已经有了更新的版本，但Axure8仍然被许多设计师和产品经理所使用，因为它具有丰富的组件库、交互设计功能以及便捷的线框图制作能力。 首先，我们来了解一下电商APP原型。电商...
Axure8交互原型 56套
05-04
Axure8可以打开8、7版本制作 Axure9可以全部打开9、8、7版本制作 \APP-Keep健身【axure8 \APP-O2O订餐【axure8 \APP-O2O美食【axure8 \APP-O2O洗车【axure8 \APP-O2O早教【axure8 \APP表单验证【axure8 \APP点点地图...
Axure RP9 进度条设置
07-08
利用Axure画原型，分享一个进度条的模版
【案例分享 - 旅游出行app】Axure制作拖动进度条的交互效果
最新发布
02-23
Axure制作拖动进度条的交互效果Axure制作拖动进度条的交互效果Axure制作拖动进度条的交互效果Axure制作拖动进度条的交互效果Axure制作拖动进度条的交互效果Axure制作拖动进度条的交互效果Axure制作拖动进度条的交互...
Axure首次制作网站原型
10-18
首次尝试制作网站原型时，Axure能够帮助你快速构建出线框图、交互模型，并且支持自定义动态面板、页面链接和变量等功能，使得设计过程更加高效且直观。 1. **线框图设计**：在Axure中，你可以通过拖拽组件库中的...
Axure图表元件库（环比同比、环形、柱状、折线、饼状）
08-19
Axure元件库图表，其中包含环比同比图、环形图、柱状图、折线图、饼状图、综合统计图
Axure统计图元件库包括饼图、条形图、折线图、柱状图、环形图、面积图
05-15
Axure统计图元件库包括饼图、条形图、折线图、柱状图、环形图、面积图
JavaScript画图折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图） 雷达图（填充雷达图）。。。
03-01
商业级数据图表，它是一个纯JavaScript的图标库，兼容绝大部分的浏览器，底层依赖轻量级的canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。 折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图） 雷达图（填充雷达图）、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表
【Axure高保真原型】能增删改的环形图
mushe93的博客
01-18 333
今天和大家分享能自增删改的环形图模板~~~
Axure RP9 制作圆环动态加载进度条
shandongmike的博客
08-11 2843
利用Axure rp9,制作动态加载的圆环形进度条。在制作的过程中，实现了圆环图形的制作方法，半圆环图形的制作方法，圆环加载效果的实现逻辑及圆环进度条加载进度的计算方法。
Axure第5讲：制作环形
不患无位，患所以立；不患莫己知，求为可知也
08-27 4700
1、从元件库中拖入一个矩形至画布，如下图1。 图1 2、在右侧“检视”窗口中选择“属性》形状》选择形状”，选择带圈口的圆形，如下图2。 图2 3、选中带缺口的圆形后，将其宽和高分别设置为260、260，见下图3。 图3 4、手工将其缺口调整为1/4大小，效果见图4。 图4 5、从元件库选择一个椭圆形至画布，将其宽和高分别设置为230、230，之后拖动圆形，将其与带缺...
Axure8制作环形进度条
wangyi123123的博客
08-19 1294
Axure8制作环形进度条 参考链接：https://mbd.baidu.com/ma/s/m9GpqH34 1.元件制作 （1） 拖入1个圆形控件，设置边框色，背景色都为青绿色。 （2）拖入一个小圆形控件，设置边框色，背景色都为白色，与大圆圆心重合。 ​ （3）裁剪获得空心圆。同时选中大圆小圆右键 （4）裁剪获得半空心圆，拖进来一个矩形，压住一半空心圆，同时选中右键。 （5）获得半空心圆后，复制一个，然后右键->改变形状->水平翻转，得到另半边空心圆。 2.元件及元件摆放说明 （
Axure RP从入门到精通（四十一）案例 - 环形进度条
人不风流枉少年
07-05 914
制作上半圆：拖一个矩形，转变形状将底部边框去掉，设置宽120高60，设置圆角半径和高度一样60，设置边框为最粗，设置边框颜色为绿色，命名为“上半圆”。 在页面载入时或者元件载入时添加旋转事件, 相对位置、旋转180°、方向为顺时针、锚点为底部、旋转事件5000毫秒。 3. 添加一个矩形1并命名为遮挡，宽度和高度和上半月的宽高完全一样，设置矩形无边框，无边矩形的坐标值和上半圆的坐标值完全一样，达到完全遮挡住上半圆的效果。 添加完遮挡后再次预览，可以看到上半圆旋转看起来是慢慢旋转的效果，逐渐出现的效果。 .
[原型设计]Axure8制作圆形旋转加载进度环和百分比效果
shuytu
11-13 6571
1、新建Axure RP文件，取名“Axure制作圆形旋转加载进度环和百分比效果”,效果图如下 2、拖入1个圆形控件，设置边框色，背景色都为蓝色，大小200px*200px。 3、拖入一个小圆形控件，设置边框色，背景色都为白色，大小150px*150px，与大圆圆心重合。 4、同时选中大圆和小圆，单击右键，Transform Shape——

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

周偏偏偏

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值