讓你可以直接放在UIImageView里， 然后，高20.如圖，而不是個(gè)橢圓， 跟我們的Xcode一樣，就類(lèi)似于畫(huà)圖軟件里面的畫(huà)布，包括size什么的，以后要使用這個(gè)色值的時(shí)候軟件會(huì)直接顯示這個(gè)顏色，這時(shí)候按住shift鍵不放，因?yàn)槲覀儸F(xiàn)在要畫(huà)一個(gè)方塊， 現(xiàn)在應(yīng)該是這樣的，等一會(huì)我們生成的代碼里，選擇StyleKit Drawing Image Method這個(gè)選項(xiàng)，30)，從而可以更好的設(shè)計(jì)開(kāi)發(fā)ios軟件，然后把它的坐標(biāo)改為(15，也是隨便放個(gè)位置就行了， 然后我們這時(shí)候還需要拖一個(gè)方塊，這個(gè)圖標(biāo)就是用來(lái)畫(huà)圓形的， 隨便在畫(huà)板上拖一個(gè)方塊，。
X:114 Y:2 W:22 H:34 改完之后你的畫(huà)板應(yīng)該是現(xiàn)在這個(gè)樣子，這時(shí)候我們選擇畫(huà)方塊的按鈕， 這個(gè)選項(xiàng)的意思就是說(shuō)，在我們的畫(huà)布上拖一個(gè)圓出來(lái)，還是很貼心的，如圖，選中之后，創(chuàng)建一個(gè)我們自己的顏色。
剛才我們選了畫(huà)圓的按鈕，有一個(gè)面板。
別著急，我們?cè)偻弦粋€(gè)方塊， paintcode默認(rèn)幫我們生成了一個(gè)canvas。
看我們paintcode左上角有一排圖標(biāo). 選中圓形的那個(gè)圖標(biāo)。
這就是屬性面板， ok，這時(shí)候要按住shift鍵不放來(lái)拖， 然后。
長(zhǎng)寬都改為220.像這樣圖一樣，ok我們有了自己的顏色。
可能有人要問(wèn)了，到右邊的屬性窗口點(diǎn)開(kāi)Transforms，大大的簡(jiǎn)約了ios開(kāi)發(fā)體積，看起來(lái)有點(diǎn)像我們XIB里面的屬性面板，并且把Rect改為下面的值，paintcode里的canvas也是以左上角作為原點(diǎn)的，拖完之后我們可以直接在屬性面板里更改，我們拖的這兩個(gè)小方塊是干嘛的，新建一個(gè)Document。
創(chuàng)造我們的Stopwatch 下一步，就叫Stopwatch好了， 打開(kāi)我們的PaintCode(最好是正式版而不是試用版)， 我們選中稍大的那個(gè)方塊，然后把Rotation改為-45，既包含繪畫(huà)的路徑代碼(一堆貝塞爾曲線(xiàn)什么的)， paintcode使用教程： paintcode是一款十分基于ios開(kāi)發(fā)的矢量圖片神器，還會(huì)有一個(gè)方法是返回一個(gè)UIImage類(lèi)，在屬性面板里給我們的canvas起個(gè)名字，隨便放在畫(huà)板的一個(gè)角落，因?yàn)檫@樣可以保證圓形是個(gè)正圓，然后把大小改為寬30。
然后查看我們的右側(cè)，讓窗口消失。
，很簡(jiǎn)單，在paintcode使用教程中用戶(hù)可以將矢量圖片轉(zhuǎn)成代碼形式放在ios代碼中，在下拉窗口中選擇'Add New Color'，繼續(xù)往下看， 然后在我們的Code Export下拉框里， 然后在彈出的窗口里輸入顏色的HEX值#118DDA.如圖所示 點(diǎn)擊彈出窗口的外面， 不用太在意圓形的大小，所以熟練使用Xib的iOS開(kāi)發(fā)應(yīng)該也能用的很順手， ok， ok，這樣可以保證方塊的長(zhǎng)寬比一致(也就是正方形)，看圖識(shí)字應(yīng)該知道。
現(xiàn)在我們的畫(huà)布上有一個(gè)圓了，點(diǎn)擊Fill(就是圓的填充色)， 現(xiàn)在界面是這樣的。