本文介紹創(chuàng)建如何自己的元件庫谭胚,以便復用常拓。
環(huán)境
我的Axure RP的版本為8.1掐禁,如下圖所示
版本
創(chuàng)建自己的元件庫
比如我要創(chuàng)建一個手機樣式的模板怜械,并將其制作為元件,那么以后想再用時傅事,直接引用元件就好了缕允,不需要再重新畫了,隨著一點點的積累蹭越,自己的元件庫就會越來越豐富障本,同時也會提高設計效率。廢話不多說了响鹃,擼起袖子干!!!
效果圖
繪制元件
首先驾霜,我們需要使用AXure RP根據(jù)需求繪制出這個元件。
-
準備一個手機模型的圖片茴迁,作為image導入;
在"Libraries"中選擇"image"寄悯,將其拖入畫布;
選擇Image元件
選中被拖入的Image對象堕义,然后在PROPERITES中Import 圖片,
導入圖片
最后調整好相應的尺寸。
調整屬性
最終導入的圖片如下圖所示
效果圖
- 放入Inline Frame倦卖,并指定 要求的尺寸大小;
先添加 Inline Frame元素洒擦,
創(chuàng)建Inline Frame
然后調整Inline Frame的尺寸,并與Image元素組成合適的大小
最后選中Inline Frame和Image對象怕膛,將兩者Group起來
合成Group
制作成庫元件
- 創(chuàng)建庫
1550931546001.png
1550931611594.png
點擊"保存"熟嫩,然后在Libraries的下拉選項框中,會自動載入剛剛新建的庫褐捻,同時會在新窗口中打開test.rplib文件掸茅。然后將我們制作的組合元件復制到test.rplib打開的窗口中,如下圖所示柠逞,
1550931889839.png
一般需要refresh library才會在test庫的元件列表中顯示出來
1550932009791.png
至此昧狮,一個自己的元件庫就制作完成了。