前往顾页

AxureRP 统计图表结果实例教程

时候:2013-05-16 23:13来源:知行网www.zhixing123.cn 编辑:麦田守望者

这个示例要讲的是用AxureRP来实现统计图表的制作,这个结果一般只需在需求有主动天生统计图表的处所才会用到,服从就是供应了近似SwiffChart那样,在一个表格内里录入原始数据后,能主动天生柱状图的结果。这个结果比较花梢,设想起来也相当复杂,不建议年夜家在平常平凡的原型设想内里去特地设想如许的服从,近似用到如许服从的处所可以做出申明,请求能主动天生图表便可,如许还可以多申明几种图表,如饼图,线图等。

示例是从他人制作的原型演示示例内里摘出来的,这里以介绍申明为主,奉告年夜家这个服从是若何实现,保举已对AxureRP比较体味的朋友来学习这个实例。统计图表服从有两个难点,一个是多维的表格设想,每个表格都需求考虑其单位格内容的编辑节制,维数越多越复杂;第二个是柱状图的显现,维数多了以后需求用不合色彩的柱状图来加以辨别,还要按照表格所填的数字来显现不合的长度,是以也是维数越多越复杂。

起首是表格的设想,例子是四行六列的表格,去失落坐标轴所需的头,则为三行五列,是以需求设想十五个单位格。节制鼠标单击可输入的结果在前面的《AxureRP教程–相册结果》里有介绍,即用静态面板来束缚,一个状况为不成编辑的矩形控件和文本块组件,一个状况为一个单行文本框,输入结束后需求将单行文本框的值通报给文本块组件。这里有一个技能,就是所有的单位格设置其实都是一样的,是以可以在设想好一个单位格之掉队行复制,独一需求重视的问题就是要做好定名辨别,因为前面的柱状图显现是要别离取值的。

AxureRP 统计图表效果实例教程1

其次就是柱状图显现的节制,因为是三行五列,所以X轴需求有五个点,Y轴是三个点,需求有三种色彩的图来辨别显现。这里以列为单位,一列下有三个单位格,每个单位格代表一个数字。不合色彩的柱状图以静态面板来实现,这个数字就是不合的静态面板的位移量,例子中的位移量是1:10的比例。如许就实现了每个单位格的数值对应节制一种色彩的柱状图显现,所之前面的定名辨别是比较首要的。每列的节制都近似,柱状图的静态面板默许都是埋没,图大要板默许也是埋没的,因为需求先看到表格来填写原始数据。例子中是用了一组单选按钮的OnFocus事件来节制柱状图显现的,先判定以后是不是需求挪动,并且挪动的间隔是不是已和表格所填的数字相称,如果没有则位移10个单位,如果已够了,则停止位移,如许节制的好处是有迟缓位移的结果,不需求再在静态面板内里去设置每隔多长时候去位移了。

AxureRP 统计图表效果实例教程2

结果如上所示,这个例子内里有一种新的思路,就是经由过程单选按钮间不断的变更核心离开达静态面板的延时挪动的目标,这个服从在《AxureRP教程–核心利用》里有申明,是以只需愿意去想,还是能有很多好的实现体例的。

年夜家可以学习一下源文件,建议在看的时候将静态面板检察视图翻开,不然会看的比较吃力的,直接点呼应的静态面板状况,就可以定位到呼应页面去了,有问题可以交换。

顶一下
(16)
94.1%
踩一下
(1)
5.9%
------分开线----------------------------
标签(Tag):AxureRP AxureRP教程 AxureRP软件下载 AxureRP序列号
------分开线----------------------------
颁发评论
请自发遵循互联网相关的政策法规,严禁公布色情、暴力、革命的谈吐。
评价:
神色:
考证码:点击我更换图片
猜你感兴趣