UI設(shè)計(jì)經(jīng)常要運(yùn)用到布爾運(yùn)算，今天就用制作八卦圖實(shí)例跟大家講解布爾運(yùn)算的使用，讓大家更好的理解布爾運(yùn)算。一起跟著做，做完交作業(yè)。

先看看效果：

新建一個(gè)長(zhǎng)寬相同的畫(huà)布，布置兩條上下左右居中的參考線。

先畫(huà)中間的太極圖，用矢量橢圓畫(huà)一個(gè)深灰色的圓形，顏色選擇現(xiàn)在無(wú)所謂，看著舒服就行，等完成后再改回來(lái)。

復(fù)制一層，CTRL+T縮小一點(diǎn)改成白色，用“減去”模式畫(huà)一個(gè)矩形刪掉半個(gè)圓形。

按A點(diǎn)擊白色圓形，CTRL+ALT+T復(fù)制路徑。縮小50%，為了精確，可以直接輸入百分比，移動(dòng)到上邊，因?yàn)橛袇⒖季€的吸附作用，很輕松完成。

繼續(xù)CTRL+ALT+T復(fù)制，移到下面，把模式改為“減去”。

CTRL+ALT+T復(fù)制，縮小至25%，把模式改為“添加”。

按A點(diǎn)擊上面那個(gè)小圓形，CTRL+ALT+T復(fù)制，同樣縮小至25%，把模式改為“減去”，這樣太極圖算是完成了。

隱藏掉太極圖，打開(kāi)首選項(xiàng)，把網(wǎng)格的大小改為30像素，按CTRL+’開(kāi)啟網(wǎng)格。

選擇“多邊形”，設(shè)為八邊形，畫(huà)一個(gè)大小合適的圖形，CTRL+T旋轉(zhuǎn)22.5度。

CTRL+ALT+T復(fù)制路徑，縮小一個(gè)網(wǎng)格單位，更改模式為“減去”。

繼續(xù)CTRL+ALT+T復(fù)制路徑，縮小一個(gè)網(wǎng)格單位，更改模式為“添加”。

以此類(lèi)推，完成八卦的雛形。

用“減去”模式畫(huà)一個(gè)尺寸為一個(gè)網(wǎng)格寬的矩形，長(zhǎng)度橫貫整個(gè)八卦。

旋轉(zhuǎn)22.5度。

CTRL+ALT+T復(fù)制旋轉(zhuǎn)45度。

SHIFT+CTRL+ALT+T復(fù)制兩次完成。

繼續(xù)畫(huà)一個(gè)短一點(diǎn)的矩形，復(fù)制兩個(gè)。

選中這三個(gè)小矩形，垂直復(fù)制。

選中所有小矩形，CTRL+ALT+T復(fù)制旋轉(zhuǎn)45度。

SHIFT+CTRL+ALT+T復(fù)制2次。

關(guān)閉網(wǎng)格和參考線，對(duì)照真實(shí)的太極八卦圖刪除小矩形。

完成！