在制作原型中，經(jīng)常會(huì)有些圖形或者icon滿足不了實(shí)際的需要，今天就簡(jiǎn)單講一下如何使用Axure中的布爾運(yùn)算完成圖形的自定義蛾绎。
下面將使用兩個(gè)常用的圖標(biāo)進(jìn)行講解膀斋。
講解為了方便，以下所有的組件均有外框赌髓。
WIFI圖形的制作
我們觀察這個(gè)WIFI圖形，可以看出是由幾個(gè)圓的四分之一組成的，那接下來(lái)就開(kāi)始制作蝴猪。
Step 1：拖拽兩個(gè)圓形调衰，并填充需要的顏色。這兩個(gè)圓形一大一下自阱，居中嚎莉。
Step 2：將兩個(gè)圓形全部選中，并右鍵沛豌，選擇Transform Shape命令中的布爾運(yùn)算：Subtract（去除趋箩，減去），即去除兩個(gè)圖形的相同部分加派，得到一個(gè)圓環(huán)的圖形叫确。
Step 3：接下來(lái)就根據(jù)自己的需要繼續(xù)重復(fù)Step 2的方法，需要幾個(gè)就重復(fù)幾次操作芍锦。
Step 4：重復(fù)幾次之后竹勉，不要忘記在中間再增加一個(gè)實(shí)心圓。
Step 5：將Step 4之后獲得的圖形進(jìn)行合并娄琉，使用命令Unite（合并）次乓，即將多個(gè)圖形合并為一個(gè)圖形。合并后成為一個(gè)圖形孽水。
Step 6：拖拽一個(gè)矩形票腰，并將矩形修改為正方形，旋轉(zhuǎn)45°女气。
Step 7：將矩形框和圓形疊放杏慰。
Step 8：右鍵，選擇取矩形和圓形的相交部分炼鞠，使用命令I(lǐng)ntersect（相交）缘滥，即取兩個(gè)圖形相交的區(qū)域。
在制作過(guò)程中簇搅，需要注意的是完域，圓形最好不要帶邊框，帶了邊框之后會(huì)導(dǎo)致圖形的邊框虛瘩将。另外吟税，旋轉(zhuǎn)角度、布爾運(yùn)算的命令在控件的STYLE中也可以實(shí)現(xiàn)姿现。
SET的制作
SET圖形肠仪，可以看出是由圓以及矩形組成的。這個(gè)圖形比較簡(jiǎn)單备典，且上面已經(jīng)講過(guò)詳細(xì)的步驟了异旧，這個(gè)圖形不再那么細(xì)致的講解，只給出幾個(gè)主要的步驟和注意事項(xiàng)提佣。
Step 1：拖拽圓形和矩形吮蛹，根據(jù)需要調(diào)整好位置和大小荤崇。使用命令Unite。
在矩形的制作過(guò)程中潮针，最好都使用同一個(gè)矩形术荤，通過(guò)復(fù)制，粘貼的方式每篷，將新的矩形放在與復(fù)制矩形行相同的位置上瓣戚，使用旋轉(zhuǎn)角度的方式完成45°、90°焦读、135°位置的矩形子库，否則使用拖拽的方式會(huì)導(dǎo)致位置很難調(diào)整。
Step 2：拖拽一個(gè)新的圓形矗晃，放在圖形的中央仑嗅，并使用命令Exclude（排除），即將兩個(gè)圖形的公共的部分去除喧兄。
布爾運(yùn)算已經(jīng)講完了无畔，比較簡(jiǎn)單，如果利用得當(dāng)吠冤，可以制作出很多獨(dú)具特色的圖形。
再來(lái)復(fù)習(xí)一下布爾運(yùn)算的幾個(gè)命令：
1恭理、Unite（合并）：將兩個(gè)圖形合并為同一個(gè)圖形拯辙，并填充下層圖形的顏色。
2颜价、Subtract（去除）：去除上層的圖形以及上層圖形中下層圖形重疊的部分涯保。
3、Intersect（相交）：保留兩個(gè)圖形相交的部分周伦，并填充下層圖形的顏色夕春。
4、Exclude（排除）：排除掉兩個(gè)圖形的相交部分专挪，并填充下層圖形的顏色及志。
為了更直觀的說(shuō)明幾個(gè)命令的差異，我們用兩個(gè)圖形來(lái)做示例：
1寨腔、Unite：將兩個(gè)圖形合并為同一個(gè)速侈，并填充下層圖形的顏色。
2迫卢、Subtract：去除上層的圖形以及上層圖形中下層圖形重疊的部分倚搬。
3、Intersect：保留兩個(gè)圖形相交的部分乾蛤，并填充下層圖形的顏色每界。
4捅僵、Exclude：排除兩個(gè)圖形的相交部分，并填充下層圖形的顏色眨层。
