品牌型号：联想Yoga 14Sitl

系统：Windows 10 64位专业版

软件版本：Axure rp 9

现在很多地方都用上了现代化的仪表大屏，主要用来监控数据和分析实时情况。它能动态展示关键信息。在Axure里，通过设置面板状态，我们可以让元素动起来，这样原型看起来会更生动、更有互动感。下面就为大家介绍Axure怎么设置一个现代化仪表大屏，Axure怎么设置面板状态的相关内容。

一、Axure怎么设置一个现代化仪表大屏

在Axure里，想做一个现代化的仪表大屏，可以结合多个控件和面板来模拟数据展示和动态效果。我们可以用以下的三个步骤来制作大屏：

1、导入元件库：仪表大屏中要用到大量的图表类型元素，比如柱状图、饼状图等，如果每一个我们都自己制作的话，要花更多的时间。为了提高效率，我们可以利用整理好的仪表盘相关元件库，从中选用合适的，再根据实际的设计需要进行一些微调。我们要用的这个元件库叫refs-chart-data，在互联网上找到资源下载到本地后，在Axure中通过左侧元件面板的【添加元件库】功能，加载到Axure中使用。

2、使用元件库：加载完成后，我们可以看到元件库中有柱状图、饼图、雷达图、仪表盘等多种数据可视化图表。我们选用合适的拖拽到画布中。以饼图为例，我们可以双击添加具体的数值，形成完整的图像。

3、搭建仪表大屏：我们用一个矩形作为显示的底框，尺寸为1920*1080像素，颜色为大屏常用的颜色#01004C，上方居中位置使用文本标签打上“数据仪表大屏“。

这样我们就做好了一个简单的仪表大屏。不过在实际项目中，仪表大屏的数据量通常很大，需要分层处理，界面设计也会更复杂。所以很多时候，我们会先在PS这类对色彩控制更灵活的设计软件里做好，然后再把图片导进Axure里使用。

二、Axure怎么设置面板状态

面板状态是Axure里用来做动态交互和内容变化的一个好用功能。它主要是靠动态面板这一元件来实现的。我们可以用下面这四个步骤来制作：

1、创建动态面板：在默认元件库中找到动态面板元件把它拖拽到画布中。

2、设置面板状态：在左侧概要面板中选中动态面板，点击【添加状态】按钮，可以为面板添加不同的状态。每个状态里可以包含不同的布局、内容和交互，并且状态之间是独立的，不会互相影响。

State1是动态面板自动创建的状态1，我们点击后画布会出现一个绿框包裹的范围，表示我们已经进入了状态1中，虚线框表示的是可视范围。我们的元件要摆放在虚线范围内才会展示出来。现在，我们往其中放入一个圆形。

接下来我们添加一个新状态State2，往其中放入一个矩形。

3、切换面板状态：默认情况下，动态面板会显示最上层状态中的内容，例如目前显示的是状态1，也就是圆形。

我们可以通过交互设置，让状态2显示出来。为此，我们放入一个按钮，打上文字“切换”。选中按钮，在右侧交互面板中找到【单击时】事件，让按钮被点击时切换面板的状态为State2。

4、预览测试：我们在浏览器中打开预览后，最开始显示的是圆形，点击切换后，显示为矩形，说明这个时候成功将动态面板的State2显示出来了。

以上就是Axure怎么设置一个现代化仪表大屏，Axure怎么设置面板状态的相关内容。用仪表大屏可以很直观地展示实时数据和动态变化，让原型看起来更有互动感，信息也更清晰。通过灵活调整面板状态，能随时切换不同的内容和效果，让用户体验更好。