首页
我的博客
写文章
登录
注册
网站导航
互站首页
源码集市
服务市场
域名交易
网站交易
任务大厅
商家专区
互站社区
Axure教程—单色面积图(中继器)
原创
纤纤露
2023-06-02 11:14:15
评论(0)
阅读(168)
本文将教大家如何用AXURE制作单色面积图,如果你想了解如何使用AXURE中的中继器来创建这种图形,建议你可以仔细阅读本文。 一、效果介绍 如图: ![](https://img.huzhan.com/blog/20230602/20231685675306552.png) 预览地址:[https://icg26y.axshare.com/](https://icg26y.axshare.com/) 二、功能介绍 - 简单填写中继器内容即可动态显示值 - 样式颜色等可以自由变换 - 鼠标移入时显示相应的数据 三、制作方法 (1)中继器 中继器里有五列,d和y1,d为横坐标、y1为具体数值如下图所示: ![](https://img.huzhan.com/blog/20230602/20231685675365331.png) (2)中继器内材料组合: 拖入一个矩形,大小为:85×300,用于连个数据的间距; 在矩形中间放置一条垂直线,其大小为1×300,颜色可以自由设置,本案例颜色设置为#797979,设置为隐藏状态,间距矩形和垂直线组合 拖入另一个矩形,用于显示横坐标, 如下图所示放置即可: ![](https://img.huzhan.com/blog/20230602/20231685675385458.png) (3)中继器外文本 在中继器外建一个矩形,大小设置为100×50,颜色设置为#333333,透明度为50,设置隐藏状态,只用于显示其具体数值,如图 ![](https://img.huzhan.com/blog/20230602/20231685675437602.png) 4)制作图表 制作一个面积图的颜色分别为如图:#0000FF、并组合一起,如图: ![](https://img.huzhan.com/blog/20230602/20231685675466397.png) 最终设计如图: ![](https://img.huzhan.com/blog/20230602/20231685675501877.png) 四、交互设置 (1)中继器 中继器每项加载时 ![](https://img.huzhan.com/blog/20230602/20231685675518584.png) (2)中继器内组合 鼠标移动时和鼠标移出时 ![](https://img.huzhan.com/blog/20230602/20231685675528395.png) (3)中继器外文本 鼠标移出时 ![](https://img.huzhan.com/blog/20230602/20231685675546693.png) (4)面积图 面积图的载入时 ![](https://img.huzhan.com/blog/20230602/20231685675568335.png) 这样我们就完成原型制作了
关注下面的标签,发现更多相似文章
本文TAG标签:
分享
QQ分享
微博分享
微信扫一扫
收藏
axure8.0教程 axure单色面积
上一篇:医院信息化建设中的技术创新:互联网医院系统源码+医疗的新趋势医院信息化建设中的技术创新:互联网医院系统源码+医疗的新趋势
下一篇:Axure教程—堆积面积图医院信息化建设中的技术创新:互联网医院系统源码+医疗的新趋势
您好,
请先
登录
!请文明评论,不得违反国家法律法规!
已有
0
条评论
纤纤露
关注
TA的店铺
21
文章
8172
人气
0
评论
0
粉丝
专注Axure设计的产品经理
Ta的最新文章
Axure案例分享—进度条(附下载地址)
Axure教程—滚动加载(中继器 )
Axure教程—表格(中继器)
Axure教程—菜单(中继器)
Axure教程—堆积面积图
标签大全
axure8.0教程动态面板多级联动
(2)
axure8.0教程
(2)
axure中继器axure教程axure
(1)
axure8.0教程动态面板
(1)
axure8.0教程动态面板axure中
(1)
axure8.0教程动态面板多级联动下拉
(1)
axure
(1)
axure8.0教程中继器动态柱状图
(1)
axure8.0教程动态面板图片交互效果
(1)
axure8.0教程动态面板多级联动 中
(1)
axure8.0教程axure中继器
(1)
axure8.0教程axure菜单axu
(1)
axure8.0教程滑块步进器
(1)
axure8.0教程动态仪表盘
(1)
axure教程 axure直方图
(1)
axure教程axure动态面板图片效果
(1)
axure8.0教程 axure单色面积
(1)
axure教程axure堆积面积图axu
(1)
axure axure中继器axure教
(1)
阅读目录
已有 0 条评论