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 。歡迎大家訪問!
相關文章
- 自定義Toast的背景顏色大小及字型大小AST
- VC 對話方塊背景顏色、控制元件顏色控制元件
- 純 CSS 解決自定義 CheckBox 背景顏色問題CSS
- 鴻蒙專案實戰(三):自定義彈窗開發實踐鴻蒙
- iOS自定義控制元件 SlideriOS控制元件IDE
- iOS自定義控制元件 AlertViewiOS控制元件View
- iOS自定義控制元件 SegmentiOS控制元件
- echart使用自定義單個柱狀顏色實現
- 0x04_My-OS實現自定義顏色
- 利用CAGradientLayer自定義顏色漸變viewView
- 設定toast的字型顏色和背景顏色AST
- iOS自定義控制元件:簡易下拉控制元件iOS控制元件
- iOS 自定義拖拽式控制元件:QiDragViewiOS控制元件View
- Flutter 開發實戰——自定義省略字尾Flutter
- 如何開發FineReport的自定義控制元件?控制元件
- SpringBoot專案實戰(7):自定義異常處理介面Spring Boot
- 在Mac裡給Terminal終端自定義顏色Mac
- 小程式中 icon 顏色自定義解決方案
- C/C++,Qt,Python,OpenCV小專案實戰-實時桌面顏色查詢C++QTPythonOpenCV
- iOS 自定義卡片式控制元件:QiCardViewiOS控制元件View
- Python爬蟲開發與專案實戰pdfPython爬蟲
- Python爬蟲開發與專案實戰(2)Python爬蟲
- Python爬蟲開發與專案實戰(1)Python爬蟲
- iOS開發——專案實戰總結&UITableView效能優化與卡頓問題iOSUIView優化
- Flutter | 一個關於背景顏色引發的打臉慘案Flutter
- flask 專案開發實戰Flask
- Flutter改變狀態列字型、狀態列背景顏色、Appbar背景顏色的方式FlutterAPP
- Python自定義詞雲圖形狀和文字顏色Python
- 微信小程式-自定義placeholder顏色和樣式微信小程式
- python seaborn畫熱力圖,自定義顏色漸變Python
- iOS 自定義的卡片流互動控制元件iOS控制元件
- iOS 自定義日曆(日期選擇)控制元件iOS控制元件
- 短視訊開發,點選按鈕Button,更換背景顏色
- 直播平臺開發,Android端簡單的顏色背景變換Android
- iOS自定義控制元件:自定義TableView、CollectionView空資料佔點陣圖iOS控制元件View
- 短視訊系統原始碼,實現按鈕開啟關閉,顏色可自定義原始碼
- Qt實現自定義控制元件QT控制元件
- 專案實戰介面開發SpringBootSpring Boot
- 『自定義View實戰』—— 仿ios圖示下載viewViewiOS