所在位置:真人老虎机街机 > 真人水果老虎机赌博 > 必威体育登陆不上|Axure 教程:用中继器做排名图

必威体育登陆不上|Axure 教程:用中继器做排名图

发布与: 2020-01-09 11:14:34    人气: 4861
本文将教大家如何在axure用中继器做一个排名图,达到填写中继器数据,自动生成图标的目的。中继器里有两列,x和no,x为中坐标,no为具体数值如下图所示:中继器内材料:文本框+矩形1,如下图所示放置即可:在中继器外建一个文本框并隐藏,只用于逻辑处理。lvar2.width指矩形的宽,lvar1指no的最大值,item.no指no的当前值。具体交互中继器每项加载时,是设置中继器内的文本框的文字=[[

必威体育登陆不上|Axure 教程:用中继器做排名图

必威体育登陆不上,本文将教大家如何在axure用中继器做一个排名图,达到填写中继器数据,自动生成图标的目的。

(1)中继器里有两列,x和no,x为中坐标,no为具体数值如下图所示:

(2)中继器内材料:文本框+矩形1,如下图所示放置即可:

(3)在中继器外建一个文本框(命名为最大值)并隐藏,只用于逻辑处理。文本框的值填写no里面最大的值,该案例为920。逻辑是找到最长的矩形的值,让比它短的矩形值调低宽度。具体公式[[lvar2.width*(item.no/lvar1)]]。

lvar2.width指矩形的宽,lvar1指no的最大值,item.no指no的当前值。

(4)具体交互

中继器每项加载时,是设置中继器内的文本框的文字=[[item.x]]设置矩形的尺寸[[lvar2.width*(item.no/lvar1)]],锚点在左部。

(5)用矩形和标签制作外框并标上刻度,如下图所示:

将中继器移动到对应位置上即可。

(6)做一个标签,如下图所示,默认隐藏,透明度75%。

思路,鼠标移入矩形的时候,显示标签,标签跟随鼠标移动,让item.no的值=文本标签2,item.x的值=文本标签1。

鼠标移出的时候,隐藏标签即可。

这样制作完成了排名图,以后使用方便,仅需简单填写中继器的内容,即可拥有完美的效果,所以强烈推荐给各位使用。

需要原型的小伙伴们可以在评论留言哦,谢谢大家!

在线演示地址:https://www.pmdaniu.com

本文由 @梓贤vigo 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自unsplash,基于cc0协议

正规赌钱游戏平台

小编推荐
小区基本信息pk小区配套设施pk盛世融城停车位为:700个。天瑞滕王阁进入方式为:门禁,2个入口,停车位为:160个。院前幼儿园,, 北师大附属中学,泉州五中滨江分校,云山小学,第四中心小学 ,黎明大学,师范学院,理工学院,商场: 国贸商城。麦德龙,永辉超市,百汇医院:泉州皮肤疾病预防中心 银行:中国银行,泉州银行,建设银行,工商银行, 其他:千亿小商品批发市场...