美文网首页
Axure8设计—动态仪表盘

Axure8设计—动态仪表盘

作者: 0a08f2b68cfa | 来源:发表于2023-02-25 17:13 被阅读0次

本次分享的的案例是Axure8制作的动态仪表盘,根据设置的数值,仪表盘指针旋转到相应的值位置

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

一、制作原型

1、首先创建空白页面,在工作区域拖入一个矩形元件,并将其形状修改为扇形的样子,这里在属性中找到形状设置即可,如下图所示

设置其大小设置为312312,颜色为:#9F7344,如下图所示

2.在工作区域拖入第二个矩形元件,并将其形状修改为扇形的样子,这里在属性中找到形状设置即可,其大小设置312312,颜色为:#FBBB0C;如下图所示。

3.在工作区域拖入第三个矩形元件,并将其形状修改为扇形的样子,这里在属性中找到形状设置即可,其大小设置312*312,颜色为:#9CA837;如下图所示

4.为仪表盘设置数据刻度,如图

5.接下来制作指针,在工作区域拖入第四个矩形元件,并将其形状修改为三角形的样子,设置大小为:6156;拖入第五个矩形并将其形状修改为椭圆形的样子,设置大小为1616,设置颜色为#FF4848,并把组合在一起命名为“指针”,如下图所示

6.仪表盘区域拖入两个动态面板,命名为“1”和“2”,设置两个状态,两个动态面板设置为隐藏状态,其作用是控制指针的动态,拖入一个文本框命名为“3”,其初始值为0,用来显示仪表盘刻度,如下图所示

原型元件制作完毕,接下来对元件进行交互设置

二、交互设置

1.动态面板“1”设置

选择动态面板“1”,对其”状态改变时“进行交互设置:

判断文本框“3”的值,其值可以为任意值,根据需要进行设置,例如:如果值设置为小于75,其指针指向75后停止,在这设置为小于100,设置文本框“3”的值为[[LVAR1+1]],否则停止循环,并对其”载入时"事件进行设置,如下图所示

2.动态面板“2”设置

选择动态面板“2”,对其”状态改变时“进行交互设置:判断文本框“3”的值,其值如果大于0则设置文本框“3”的值为:[[LVAR1-1]],否则停止循环,如下图所示

3.文本框“3”设置

选择文本框“3”,对其”文本改变时“进行交互设置:

所有设计完毕

相关文章

  • Axure8设计—动态仪表盘

    本次分享的的案例是Axure8制作的动态仪表盘,根据设置的数值,仪表盘指针旋转到相应的值位置 预览及下载地址:ht...

  • Excel‖动态仪表盘制作

    动态仪表盘,经常使用于职场汇报工作,而用仪表盘来汇报工作的,一定是大佬,今天,我们就跟着大佬的思路来看看动态仪表盘...

  • Day 21 团队复盘

    【回顾目标 】 1.学习动态仪表盘的制作。 2.争取22:00前完成全员打卡。 【评估结果】 1.对动态仪表盘的制...

  • Axure8.0教程:滑动翻转效果

    本次分享的是Axure8制作的动态滑动以及翻转效果 预览及下载地址:https://cf0woc.axshare....

  • 动态销售仪表盘

    大家好,我是E战飞跃队的小苑子。今天我们来学习制作动态销售仪表盘,首先是设置动态仪表盘的样式,规划好展示效果图标。...

  • 动态仪表盘

    今天我们学习的是两门课程,第1个就是动态图表的制作,是为了制作销售仪表盘打下基础,那么如何来制作动态图表呢?需要我...

  • 动态仪表盘

    七天的培训结束了,我也要收心了,感觉一堆工作等着来做,好好理一个清单,一件事情,一件事情去完成,今天先把仪表盘的 ...

  • 动态仪表盘

    参加训练营之初,对仪表盘充满了好奇,感觉好复杂,但是真正接触到这个知识点,发现其实并不难,重要的是对整体有一个规划...

  • 21天E战到底—D21 动态销售仪表盘(后续)

    昨天讲了动态销售仪表盘的前半部分,今天主要来讲后半部分,给你呈现一张完整的动态销售业绩分析仪表盘。 8、销售业绩变...

  • 2018-10-27

    动态销售仪表盘制作 今天开始放大招,什么大招,当然是这段时间学习的仪表盘了,但是,今天学习的是动...

网友评论

      本文标题:Axure8设计—动态仪表盘

      本文链接:https://www.haomeiwen.com/subject/tdnfldtx.html