1. 程式人生 > >[Xcode10 實際操作]七、檔案與資料-(19)顏色集(Color Set)的使用

[Xcode10 實際操作]七、檔案與資料-(19)顏色集(Color Set)的使用

本文將演示顏色集合的使用。

使用顏色集合可以很方便地建立應用程式的主題色,並且可以方便的對主題顏色進行更換。

要使用顏色集功能,需要設定專案的部署(Deployment)版本號。

【Deployment Target】:選擇11.0以上的選項。

接著開啟資原始檔夾,在資原始檔夾中建立顏色集合。

【Assets.xcassets】->【+】->【New Color Set】->

點選修改顏色的預設名稱:BackgroundColor

->開啟屬性設定面板->點選剛才新建的圖示,切換至顏色設定面板。

顏色集合的預設顏色為白色,可以修改紅、綠、藍顏色通道的數值

->使用相同的方式,建立第二個顏色集合。

【Assets.xcassets】->【+】->【New Color Set】->

點選修改顏色的預設名稱:ForegroundColor

在專案導航區,開啟檢視控制器的程式碼檔案【ViewController.swift】

 1 import UIKit
 2 
 3 class ViewController: UIViewController {
 4 
 5     override func viewDidLoad() {
 6         super.viewDidLoad()
 7         //
Do any additional setup after loading the view, typically from a nib. 8 9 //建立一個標籤物件,它的顯示區域和根檢視相同, 10 let lbl = UILabel(frame: self.view.frame) 11 12 //新增一個版本相容性的判斷語句 13 if #available(iOS 11.0, *) 14 { 15 //分別設定兩個顏色集合 16 //
作為標籤物件的背景顏色 17 lbl.backgroundColor = UIColor(named: "BackgroundColor") 18 //作為標籤物件的文字顏色 19 lbl.textColor = UIColor(named:"ForegroundColor") 20 } 21 22 //設定標籤物件的文字內容 23 lbl.text = "https://www.cnblogs.com/strengthen/" 24 //設定標籤物件的文字對齊方式 25 lbl.textAlignment = .center 26 27 //將標籤物件新增到當前檢視控制器的根檢視 28 self.view.addSubview(lbl) 29 } 30 31 override func didReceiveMemoryWarning() { 32 super.didReceiveMemoryWarning() 33 // Dispose of any resources that can be recreated. 34 } 35 }

顏色背景也可以應用在故事版中,在故事版中設定根檢視的背景顏色。

首先清除標籤物件的背景顏色。

使用快捷鍵【Command】+【/】註釋標籤背景顏色:

//lbl.backgroundColor = UIColor(named: "BackgroundColor")

接著開啟並編輯故事版檔案【main.storyboard】

選擇當前檢視控制器的根檢視。

開啟右側的屬性設定面板,設定:

【Background】:在顏色面板中,顯示了剛自定義的兩個顏色集合。選擇其中一個。