欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

Axrue怎么制作仪表盘效果?

程序员文章站 2023-12-02 12:59:28
Axrue怎么制作仪表盘效果?...

axure中想要花仪表盘,该怎么绘制仪表盘呢?下面我们就来看看详细的教程。

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

Axrue怎么制作仪表盘效果?

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

Axrue怎么制作仪表盘效果?

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

Axrue怎么制作仪表盘效果?

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

Axrue怎么制作仪表盘效果?

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

Axrue怎么制作仪表盘效果?

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

Axrue怎么制作仪表盘效果?

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

Axrue怎么制作仪表盘效果?

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

Axrue怎么制作仪表盘效果?

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

Axrue怎么制作仪表盘效果?

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

Axrue怎么制作仪表盘效果?

相关标签: Axrue 仪表盘