iOS專案開發實戰——自定義控制元件背景與顏色

乞力馬紮羅的雪CYF發表於2015-08-18

        在自定義控制元件這部分的內容中,可能更多的是涉及美工的工作,而不是程式設計師應該乾的事。但是不懂設計的程式猿就不是好攻城獅。程式猿也應該學會一點基本的UI設計,這樣會更加有利於以後的學習與開發。

       這裡我將會以一個Button按鈕為例,來學習如何設定這個按鈕的背景圖片和顏色。我們大家知道,iOS中的按鈕是非常簡潔的,一般是藍色的文字就代表了一個按鈕,和Android中的一個矩形色塊表示按鈕是不同的。但是如果由於實際應用,需要自定義iOS中的按鈕背景,我們也是可以通過簡單的設定來實現的。

(1)首先在專案中拖入兩張顏色不同的背景圖,一張作為預設情況下的按鈕狀態,一張作為按鈕點選下時的按鈕狀態。圖片放置在Images.xcassets中.

(2)在介面中拖入一個按鈕,在右側State Config中選擇Default,這表示的是按鈕在正常狀態下,然後在下方的Background中選擇某一個背景圖。


(3)然後再選擇Highlighted,這表示的是高亮,也就是按鈕正在被點選時的狀態,再選擇某一張背景圖。


(4)執行程式,按鈕正常狀態下和點選時的狀態如下:



(5)當然,你也會發現State Config中還有Selected,這表示被點選後的顯示狀態;Disable表示不能被點選時的狀態。大家可以分別去嘗試一下。


      其他很多控制元件的設定也同按鈕一樣,都可以自定義設定。在右側的屬性檢查器中有很多有意思的屬性,可以好好把玩。


github主頁:https://github.com/chenyufeng1991  。歡迎大家訪問!

相關文章