iOS專案開發實戰——自定義控制元件背景與顏色
在自定義控制元件這部分的內容中,可能更多的是涉及美工的工作,而不是程式設計師應該乾的事。但是不懂設計的程式猿就不是好攻城獅。程式猿也應該學會一點基本的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 。歡迎大家訪問!
相關文章
- iOS專案開發實戰——配置自定義動畫iOS動畫
- iOS專案開發實戰——自定義圓形進度提示控制元件iOS控制元件
- iOS專案開發實戰——自定義設定導航欄和狀態列背景iOS
- iOS專案開發實戰——使用Xcode6設計自定義控制元件與圖形iOSXCode控制元件
- iOS專案開發實戰——製作View的顏色漸變動畫iOSView動畫
- 自定義chrome的輸入框背景顏色Chrome
- 自定義Toast的背景顏色大小及字型大小AST
- Android自定義邊框背景顏色的ToastAndroidAST
- iOS UISearchBar 修改背景顏色iOSUI
- VC 對話方塊背景顏色、控制元件顏色控制元件
- 純 CSS 解決自定義 CheckBox 背景顏色問題CSS
- iOS 顏色製作背景圖片iOS
- iOS開發自定義View佈局子控制元件iOSView控制元件
- iOS專案開發實戰——學會使用TableView列表控制元件(一)iOSView控制元件
- iOS專案開發實戰——學會使用TableView列表控制元件(二)iOSView控制元件
- iOS button背景顏色狀態設定iOS
- iOS專案開發實戰——UILabel與取色器的使用iOSUI
- iOS 背景圖層的顏色漸變效果iOS
- IOS設定狀態列的背景顏色iOS
- echart使用自定義單個柱狀顏色實現
- 0x04_My-OS實現自定義顏色
- iOS專案開發實戰——使用CoreLocation實現定位iOS
- UIColor 自定義 16進位制顏色UI
- iOS專案開發實戰——理解frame,bounds,centeriOS
- iOS專案開發實戰——檢視動畫效果iOS動畫
- iOS專案開發實戰——plist陣列解析iOS陣列
- iOS專案開發實戰——學會使用TableView列表控制元件(三)瞭解SectioniOSView控制元件
- iOS專案開發實戰——學會使用TableView列表控制元件(四)plist讀取與Section顯示iOSView控制元件
- 設定toast的字型顏色和背景顏色AST
- iOS自定義控制元件 AlertViewiOS控制元件View
- iOS自定義控制元件 SegmentiOS控制元件
- iOS開發專案實戰——Swift實現圖片輪播與瀏覽iOSSwift
- 【iOS開發】強制修改iOS狀態列顏色iOS
- iOS開發 獲取圖片中的顏色iOS
- iOS專案開發實戰——使用UICollectionView實現瀑布流iOSUIView
- Flutter 開發實戰——自定義省略字尾Flutter
- iOS專案開發實戰——UIImageView的使用與圖片顯示模式iOSUIView模式
- iOS專案開發實戰——storyboard設定介面技巧與注意事項iOS