![产品经理实用手册:Axure RP原型设计实践(Web+App)](https://wfqqreader-1252317822.image.myqcloud.com/cover/253/44175253/b_44175253.jpg)
3.9 自定义元件形状
在“元件库”面板中,将矩形元件拖动到“页面设计”面板,可右击选择“选择形状”对矩形元件形状进行设置。
1.将元件转换为自定义形状
从“元件库”面板拖入一个椭圆形元件到“页面设计”面板,之后选中该元件,可右击选择“选择形状”,对该元件的形状进行编辑。
单击工具栏内的图标,在该元件上可增加、移动、删除节点,拖动节点就可以改变形状,操作参考如图3-41所示。
2.水平翻转
从“元件库”面板拖动两个文件元件到“页面设计”面板,选择右侧的文件元件后,右击选择“改变形状”→“水平翻转”命令,进行水平翻转操作,如图3-42所示。
![](https://epubservercos.yuewen.com/97D9C9/23446276909893206/epubprivate/OEBPS/Images/47_01.jpg?sign=1739266374-6j4m33E7KGQAs47taIiZjXWnZsyQF85H-0-a1e0b4fa36ccab4aa6868603fd4688be)
图3-41 将元件设置为自定义形状
3.垂直翻转
从“元件库”面板拖动两个文件元件到“页面设计”面板,选择右侧的文件元件后,右击选择“改变形状”→“垂直翻转”命令,进行垂直翻转操作,如图3-43所示。
![](https://epubservercos.yuewen.com/97D9C9/23446276909893206/epubprivate/OEBPS/Images/47_02.jpg?sign=1739266374-a9iYAciHQsemiHF5S5p5rRQtMkjAhcd8-0-e03f2e7a470838df9e05e7646f45d17c)
图3-42 将元件水平翻转操作
![](https://epubservercos.yuewen.com/97D9C9/23446276909893206/epubprivate/OEBPS/Images/47_03.jpg?sign=1739266374-ah14cQGf9JDOa342Jf2EixQwnoq7emFy-0-b0f1ea7218df6c062669b06c25637256)
图3-43 将元件垂直翻转操作
4.合并
从“元件库”面板拖动4 个椭圆形元件到“页面设计”面板,将右侧的黄色椭圆形元件(在下方)和绿色椭圆形元件(在上方)选中后右击选择“改变形状”→“合并”命令,操作结果如图3-44所示。
![](https://epubservercos.yuewen.com/97D9C9/23446276909893206/epubprivate/OEBPS/Images/47_04.jpg?sign=1739266374-009YLWj15UmGmDb7Yu7h6WisgzE8HAKe-0-b64926b8f0102783f1f070dd5a5db867)
图3-44 元件合并
5.去除
操作方式与合并类似,去除操作选择的是“改变形状”→“去除”命令,去除操作结果如图3-45所示。
![](https://epubservercos.yuewen.com/97D9C9/23446276909893206/epubprivate/OEBPS/Images/48_01.jpg?sign=1739266374-Wv4hLqnMv3zqd8uVo3M5aKC5q4iZKQoN-0-b0b66ca22e93ff0459fc29e45a9a9d2b)
图3-45 元件去除
6.相交
操作方式与合并类似,去除操作选择的是“改变形状”→“相交”命令,相交操作结果如图3-46所示。
![](https://epubservercos.yuewen.com/97D9C9/23446276909893206/epubprivate/OEBPS/Images/48_02.jpg?sign=1739266374-fXpSXCPb8R9ZgLLsAjbOVELfq8x6pzZg-0-2850d008a68912c49208857a2b6a3b69)
图3-46 元件相交
7.排除
操作方式与合并类似,去除操作选择的是“改变形状”→“排除”命令,排除操作结果如图3-47所示。
![](https://epubservercos.yuewen.com/97D9C9/23446276909893206/epubprivate/OEBPS/Images/48_03.jpg?sign=1739266374-QhZFLagozFE3VosZMbZVDasu7wo0jSrg-0-8a4ab65597d431925b21373eb4075129)
图3-47 元件排除
8.结合
操作方式与合并类似,去除操作选择的是“改变形状”→“结合”命令,结合操作结果如图3-48所示。
![](https://epubservercos.yuewen.com/97D9C9/23446276909893206/epubprivate/OEBPS/Images/48_04.jpg?sign=1739266374-XFmlN94Ks42JAwjWsnHCTUCnraxNIHt7-0-859f8a68d3ed3e7065a6d5b05529de1d)
图3-48 元件结合
9.分开
在图3-48 的基础上再进行分开操作,结合所形成的形状与合并基本相同但又略有不同,因为分开是针对结合所形成的形状而言的,分开结果如图3-49所示。
![](https://epubservercos.yuewen.com/97D9C9/23446276909893206/epubprivate/OEBPS/Images/49_01.jpg?sign=1739266374-aawAgdm9BWt8rcERDM55dyurXqqn93WQ-0-8ef40c25647f37225104367843df6ce1)
图3-49 元件分开