練習打出彩虹

這次的課題主要應該是研究UIview的弧度,試試看做一點練習

1.實作

red是我宣告紅色的變數,一樣是設定背景色,border的寬度,border的顏色(型別是CGColor,所以要加cgColor),弧度50,是否修邊。後面以此類推,做七遍…

老實說做到第二個就覺得不能這樣做了,剛好上課有教到函式,所以決定重做一個

1.設定一個函式backgroundColor()裡面放一些基本設定。

要使用到這邊的東西在呼叫就可以了

2.再來是弧度,剛好測試了幾次發現弧度每一圈-5的弧度是剛好貼緊,然後長寬高的比例最外圈的起始對到的弧度是50,寫個迴圈下去跑

剛好複習到上課說的型別,寫一個函式layerCor去存弧度設定,宣告的變數是Int,可是.layer.cornerRadius的型別為CGFloat所以改成這樣,後面是這個減5是因為我之後會把所有物件存進陣列裡在做迴圈的時候每次呼叫完要減5,

老實說接下來這邊是卡最久的地方,本來想連位置的設定與顏色的設定想一起存進陣列取用索引直,不過試了好多遍,陣列的部分不夠熟,就放棄了下次再嘗試有沒有其他方式,上下圖一起看可能會比較好懂

因為所有的物件都需要跑到這三種方法,寫進陣列裡跑迴圈,第一次會抓到red接下來orange後續以此類推,每跑一次呼叫上一張圖得layerCor(),每次-5

差不多這樣就大功告成了,最後附上完整的圖比較好…辨識吧

--

--

Drake
彼得潘的 Swift iOS / Flutter App 開發教室

2018/06/04 記錄自己前往成為開發者的道路,以及自己的學習筆記。