剛才我們選了畫(huà)圓的按鈕，這時(shí)候我們選擇畫(huà)方塊的按鈕，因?yàn)槲覀儸F(xiàn)在要畫(huà)一個(gè)方塊。

　　隨便在畫(huà)板上拖一個(gè)方塊，并且把Rect改為下面的值。

　　X:114

　　Y:2

　　W:22

　　H:34

　　改完之后你的畫(huà)板應(yīng)該是現(xiàn)在這個(gè)樣子。

　　然后我們這時(shí)候還需要拖一個(gè)方塊，隨便放在畫(huà)板的一個(gè)角落，然后把大小改為寬30，高20.如圖。

　　然后，我們?cè)偻弦粋€(gè)方塊，這時(shí)候按住shift鍵不放，這樣可以保證方塊的長(zhǎng)寬比一致(也就是正方形)，也是隨便放個(gè)位置就行了。如圖。

　　可能有人要問(wèn)了，我們拖的這兩個(gè)小方塊是干嘛的。別著急，繼續(xù)往下看。

　　我們選中稍大的那個(gè)方塊，到右邊的屬性窗口點(diǎn)開(kāi)Transforms，然后把Rotation改為-45°。

　　現(xiàn)在應(yīng)該是這樣的。

　　然后選中我們的小正方形，把他拖到我們旋轉(zhuǎn)-45°的方塊上。如圖

　　注意拖動(dòng)的時(shí)候軟件會(huì)有提示，你感覺(jué)對(duì)齊了松手就可以了。

　　拖動(dòng)到正確位置后，按住shift不放，同時(shí)選中這兩個(gè)矩形，點(diǎn)擊右上角的這個(gè)圖標(biāo).

　　這個(gè)圖標(biāo)叫做Union，意思就是把兩個(gè)圖形合并成為一個(gè)。

　　ok，點(diǎn)完之后再把這個(gè)合二為一的圖片坐標(biāo)改為下圖的值。

　　好的，我們現(xiàn)在的畫(huà)板看起來(lái)應(yīng)該是這樣的。

　　保存一下。起名叫PaintCodeTutorial就行了。

　　創(chuàng)建我們的Stopwatch指針。

　　現(xiàn)在我們有了表盤(pán)，還缺表針?，F(xiàn)在我們就來(lái)創(chuàng)建我們的表針。

　　我們先創(chuàng)建一個(gè)新的畫(huà)板，現(xiàn)有畫(huà)布的旁邊右鍵點(diǎn)擊

　　創(chuàng)建一個(gè)200*200的畫(huà)布，注意，如果你在右鍵點(diǎn)擊之前，第一個(gè)畫(huà)布處于選中狀態(tài)的時(shí)候，他會(huì)出現(xiàn)(250 x 250) Size of Stopwatch 這個(gè)選項(xiàng)。還是很貼心的。因?yàn)樗麜?huì)估計(jì)你新創(chuàng)建的畫(huà)布會(huì)想要和第一個(gè)畫(huà)布大小相同。

　　ok，創(chuàng)建完成之后把我們的新畫(huà)布寬改為250，長(zhǎng)改為220.并且把我們的StyleKit改為Drawing Method，意思就是等一會(huì)只生成畫(huà)圖的代碼而不生成返回UIImage的代碼 如圖。

　　修改完之后，先不用管他。回到我們的上一個(gè)畫(huà)布。

　　拖一個(gè)圓到我們的第一個(gè)畫(huà)布。如圖。

　　然后把這個(gè)圓的顏色改為白色。

　　把這個(gè)圓的寬高都改為30.并且坐標(biāo)放到我們表盤(pán)的中央。放完之后，我們的圓的X和Y應(yīng)該是110，125：

　　然后再拖一個(gè)矩形到我們的表盤(pán)上，寬高分別為8，115.然后拖到如圖的位置。大概準(zhǔn)就行了。

最新評(píng)論