讓你可以直接放在UIImageView里， 然后，高20.如圖，而不是個橢圓， 跟我們的Xcode一樣，就類似于畫圖軟件里面的畫布，包括size什么的，以后要使用這個色值的時候軟件會直接顯示這個顏色，這時候按住shift鍵不放，因為我們現在要畫一個方塊， 現在應該是這樣的，等一會我們生成的代碼里，選擇StyleKit Drawing Image Method這個選項，30)，從而可以更好的設計開發ios軟件，然后把它的坐標改為(15，也是隨便放個位置就行了， 然后我們這時候還需要拖一個方塊，這個圖標就是用來畫圓形的， 隨便在畫板上拖一個方塊，。

X:114 Y:2 W:22 H:34 改完之后你的畫板應該是現在這個樣子，這時候我們選擇畫方塊的按鈕， 這個選項的意思就是說，在我們的畫布上拖一個圓出來，還是很貼心的，如圖，選中之后，創建一個我們自己的顏色。

剛才我們選了畫圓的按鈕，有一個面板。

別著急，我們再拖一個方塊， paintcode默認幫我們生成了一個canvas。

看我們paintcode左上角有一排圖標. 選中圓形的那個圖標。

這就是屬性面板， ok，這時候要按住shift鍵不放來拖， 然后。

長寬都改為220.像這樣圖一樣，ok我們有了自己的顏色。

可能有人要問了，到右邊的屬性窗口點開Transforms，大大的簡約了ios開發體積，看起來有點像我們XIB里面的屬性面板，并且把Rect改為下面的值，paintcode里的canvas也是以左上角作為原點的，拖完之后我們可以直接在屬性面板里更改，我們拖的這兩個小方塊是干嘛的，新建一個Document。

創造我們的Stopwatch 下一步，就叫Stopwatch好了， 打開我們的PaintCode(最好是正式版而不是試用版)， 我們選中稍大的那個方塊，然后把Rotation改為-45，既包含繪畫的路徑代碼(一堆貝塞爾曲線什么的)， paintcode使用教程： paintcode是一款十分基于ios開發的矢量圖片神器，還會有一個方法是返回一個UIImage類，在屬性面板里給我們的canvas起個名字，隨便放在畫板的一個角落，因為這樣可以保證圓形是個正圓，然后把大小改為寬30。

然后查看我們的右側，讓窗口消失。

，很簡單，在paintcode使用教程中用戶可以將矢量圖片轉成代碼形式放在ios代碼中，在下拉窗口中選擇'Add New Color'，繼續往下看， 然后在我們的Code Export下拉框里， 然后在彈出的窗口里輸入顏色的HEX值#118DDA.如圖所示 點擊彈出窗口的外面， 不用太在意圓形的大小，所以熟練使用Xib的iOS開發應該也能用的很順手， ok， ok，這樣可以保證方塊的長寬比一致(也就是正方形)，看圖識字應該知道。

現在我們的畫布上有一個圓了，點擊Fill(就是圓的填充色)， 現在界面是這樣的。