Axure教程——直方图(中继器)

本文将教大家如何用AXURE用中继器制作直方图

一、效果介绍

如图:


预览及下载地址:https://yjkepz.axshare.com


二、制作方法

(1)制作刻度表

设计5个刻度,每个刻度20递增,如图:


(2)中继器设计

在刻度表上拖入一个中继器,对中继器数值进行设置;

中继器一共两列,d为横坐标,y为直方图的数值


(3)中继器内部设计

拖入两个矩形,其中一个矩形命名为1,大小为80×1,颜色设置为:#0000FF,直方图的间隔,鼠标悬浮时颜色变为#0000FF,透明度为50,其放置的y坐标小于刻度表总高度;

另一矩形命名为2,用于显示横坐标数据,字体颜色为#1E1E1E:,其放置如图:


整体设计完成,如图:


三、交互设置

主要时针对中继器的加载时进行交互设置


当中继器加载时,对矩形1的赋值(中继器的y值),如图:


并对矩形1大小尺寸进行设置;如图:


对矩形2赋值(中继器的d值),如图:


最终的设置,如图:


本次制作完成了。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容