Axure自定义元件

雨点打透心脏的1/2处 2024-02-05 15:16 38阅读 0赞

**目录**

1.processOne的使用

编辑2.自定义元件的使用、

2.1如何自定义一个元件

2.2使用自定义元件

--------------------

***导语：***

*Axure是绘制原型图的软件，但是我们很多时候不知道，画哪一个板块，所以流程图的绘制也是非常重要的*

## 1.processOne的使用 ##

processOne是一款绘制流程图的工具，[ProcessOn - 我的文件][ProcessOn -]

假如我要绘制门诊模块的原型图，那我就要先了解门诊的流程

如图

![2b3d4863d868414a87588af19aded69e.png][]住院模块

![935a8d67417f481baaad0093b6eebb30.png][]

会议OA

![e9d7e6f199474106abaad112e8a70323.png][]采购

## ![0b1551715e524ef1bd48dc1f03cf3fbe.png][]2.自定义元件的使用、 ##

在绘制原型图的时候，有些板块里的元件是相同的，这个时候我们为了节省时间可以将相同的元件定义成一个元件

### 2.1如何自定义一个元件 ###

我们首先要打开新建元件库，点击文件=》选择新建元件库如图

![cd178a6a7b7a466fb7b3cb1c84fe13c0.png][]

我们首先要先画出我们要定义的元件例如：

![133d8a496148480bb32ed082b77dfe34.png][]

画好了之后，点击保存，命名

### 2.2使用自定义元件 ###

![50aeea72219a43e99fee852d1fec9f22.png][]

找到元件库，点击搜索框的+号按钮

弹出：

![e9c1941f19f040be8248654a8795c109.png][]

选择要使用的组件

![8e4b389272a34bdb9d6f6f129b79bee1.png][]

选择Widget1

![9ff5097f9fdc4624ae0cde0c2b79e9ad.png][]

效果![21a67f562f644d8d8e2a866f39e2e7ac.png][]

如果要定义其他的元件

![348897fad34545e1a7fa34f21d475563.png][]

点击新增，和是以上步骤一样。

[ProcessOn -]: https://www.processon.com/template_create
[2b3d4863d868414a87588af19aded69e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/1277329c849e440d96623846ff5a7aa3.png
[935a8d67417f481baaad0093b6eebb30.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/b88365d2eed341f68f5fdfb4c37d7150.png
[e9d7e6f199474106abaad112e8a70323.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/c507a7d364f94d818ce279ddeb796879.png
[0b1551715e524ef1bd48dc1f03cf3fbe.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/ad4e687c1c2a475c87c1dc72d15db828.png
[cd178a6a7b7a466fb7b3cb1c84fe13c0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/14f0f3da80bb4bae988485b80bcfb39a.png
[133d8a496148480bb32ed082b77dfe34.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/4dd4447f2400477c99109a984e0a8b27.png
[50aeea72219a43e99fee852d1fec9f22.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/4ab59ec9cc8344f289cbfea72f6e55eb.png
[e9c1941f19f040be8248654a8795c109.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/9f4736e9c6ae4663820441dcec580c68.png
[8e4b389272a34bdb9d6f6f129b79bee1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/b822c5e24e1e40f39a1260456e410f15.png
[9ff5097f9fdc4624ae0cde0c2b79e9ad.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/cc9b6856f2cb42b0b535d1a569d48d28.png
[21a67f562f644d8d8e2a866f39e2e7ac.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/f2b20cbd3ff84195a53f62148bf44db3.png
[348897fad34545e1a7fa34f21d475563.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/66575acba2ff4f9fb48c64cb7af0092c.png