Axrue原型工具如何制作仪表盘效果

 时间:2024-11-05 03:31:53

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

Axrue原型工具如何制作仪表盘效果

2、形状设置完成后,将形状的宽高修改为260,这里需要先按照这个尺寸去做,因为后面还有其他形状拼接过来。

Axrue原型工具如何制作仪表盘效果

3、设置宽度和高度后,我们将扇形的缺口位置进行一下调整,变成90度直角的感觉,如下图所示。

Axrue原型工具如何制作仪表盘效果

4、下面我们在拖入一个椭圆形到工作区域中,如下图所示。

Axrue原型工具如何制作仪表盘效果

5、将椭圆形放至扇形的中间位置,并将圆形的宽度和高度修改为230,如下图所示。

Axrue原型工具如何制作仪表盘效果

6、位置和大小设置好后,将两个原件同时选择,点击样式下面的去除按钮,如下图所示。

Axrue原型工具如何制作仪表盘效果

7、点击去除按钮后,会发现扇形和圆形合并到了一起,变成了另外一个图形,现在是不是有一点仪表盘的感觉了。

Axrue原型工具如何制作仪表盘效果

8、下面,在工作区域拖入两个矩形,这两个矩形有准备做仪表盘圆角的效果,如下图所示。

Axrue原型工具如何制作仪表盘效果

9、将两个矩形的圆角以及宽度和高度进行设置,如下图所示。

Axrue原型工具如何制作仪表盘效果

10、将制作好的两个小圆角,拖动到对应的位置,如下图所示。

Axrue原型工具如何制作仪表盘效果

11、同样,选择其他一个小圆角及刚刚制作的仪盘,点击样式选择合并按钮,如下图所示。

Axrue原型工具如何制作仪表盘效果

12、同样的方式,将别外一个小圆角进行合并,就会出现下图所示的样子了。现在我们离最终的效果更近了。

Axrue原型工具如何制作仪表盘效果

13、下面将制作好的元件,将样式和旋转调整一下,如下图所示。

Axrue原型工具如何制作仪表盘效果

14、同上述方式一样,在制作一个进度条,覆盖到背景的这个元件上,就更加有仪表盘的效果了,如下图所示。

Axrue原型工具如何制作仪表盘效果

15、差不多了,在找一些元件,加一些元素和文字修饰一下,仪表盘就做好了,看下图。

Axrue原型工具如何制作仪表盘效果

16、没啥问题,f5预览一下效果,有瑕疵的话可以在微调。

Axrue原型工具如何制作仪表盘效果
  • 怎么在Win10系统自定义设置磁盘配额告警级别
  • win10中的语言首选项在哪里?
  • Windows 10如何查看任务计划程序属性
  • 电脑如何关闭端口
  • 怎么在Windows10系统设置禁用Shell访问
  • 热门搜索
    蹴怎么读 牛肉做法大全 红烧大排的做法 吩怎么组词 韭菜炒鸡蛋做法 红薯粥的做法 银耳百合汤的做法 小龙虾的做法 过油肉的做法 茄盒的做法