1. 您將在本節(jié)課中缴挖,使用另一款名為變色龍的顏色擴展類庫求晶,該類庫甚至獲取圖片的主題顏色炮车。首先確保已經(jīng)安裝了所需的第三方庫。在此處雙擊查看安裝配置文件记焊。
2. 根據(jù)配置文件中的相關(guān)設(shè)置逸月,安裝第三方庫。安裝完成之后遍膜,雙擊打開此處的項目文件碗硬。
3. 然后在左側(cè)的項目導航區(qū),打開視圖控制器的代碼文件瓢颅。
4. 現(xiàn)在開始編寫代碼恩尾,獲取顏色的互補色、漸變色惜索,以及圖片的主題顏色特笋。
5. 首先在當前的類文件中,引入已經(jīng)安裝的第三方類庫。
6. 接著添加一個方法猎物,用來生成互補色或?qū)Ρ壬?br>
7. 初始化一個標簽對象虎囚,其顯示區(qū)域和根視圖相同。該標簽對象的字體顏色蔫磨,將用來顯示其背景色的互補色淘讥。
12. 設(shè)置標簽的字體顏色搀罢,為其背景顏色的互補色蝗岖。
14. 接著點擊左上角的[編譯并運行]按鈕榔至,啟動模擬器預覽項目抵赢。
15. 在彈出的模擬器中,顯示了橙色背景的標簽視圖唧取,其字體顏色為其背景顏色的互補色铅鲤。點擊此處的[停止]按鈕,關(guān)閉模擬器枫弟。
16. 接著編寫代碼邢享,將字體顏色修改成背景顏色的對比色。
17. 點擊左上角的[編譯并運行]按鈕淡诗,再次啟動模擬器預覽項目骇塘。
18. 模擬器啟動后,顯示了橙色背景的標簽視圖袜漩,其字體顏色為其背景顏色的對比色绪爸。點擊此處的[停止]按鈕,關(guān)閉模擬器宙攻。
20. 添加一個方法介褥,用來創(chuàng)建漸變顏色座掘。
21. 初始化一個視圖對象,并設(shè)置視圖對象的顯示區(qū)域柔滔。
22. 設(shè)置視圖的背景顏色為漸變顏色溢陪,并設(shè)置漸變顏色的樣式為徑向漸變,漸變的起始顏色為黃色睛廊,結(jié)束顏色為橙色形真。
23. 將視圖對象添加到根視圖,然后更改此處的方法名稱超全。
24. 接著點擊左上角的[編譯并運行]按鈕咆霜,再次啟動模擬器預覽項目邓馒。
25. 模擬器啟動后,顯示了一個由黃色至橙色的徑向漸變蛾坯。點擊此處的[停止]按鈕光酣,關(guān)閉模擬器。
26. 點擊右側(cè)的垂直滾動條脉课,跳轉(zhuǎn)到編輯區(qū)的底部位置救军。
28. 添加另一個方法倘零,用來讀取一張圖片的主題顏色唱遭。
35. 接著對配色方案中的顏色進行遍歷虏辫,從而通過相同數(shù)量的視圖蚌吸,顯示配色方案中的各個顏色。
37. 設(shè)置視圖的背景顏色羹唠,為配色方案中的顏色,并將視圖添加到根視圖中娄昆。
40. 設(shè)置視圖的背景顏色為平均色哺眯,并將視圖添加到根視圖中。接著點擊右側(cè)的垂直滾動條扒俯,跳轉(zhuǎn)到編輯區(qū)的頂部位置奶卓。
42. 接著點擊左上角的[編譯并運行]按鈕撼玄,啟動模擬器預覽項目夺姑。
43. 模擬器啟動之后,在列表中顯示了來自圖片的扁平化的配色方案掌猛。最下方的顏色為圖片的平均色盏浙。點擊此處的[停止]按鈕,關(guān)閉模擬器。
44. 點擊右側(cè)的垂直滾動條废膘,跳轉(zhuǎn)到編輯區(qū)的底部位置竹海。
45. 接著從圖像中,獲取非扁平化色調(diào)的配色方案殖卑。
46. 點擊左上角的[編譯并運行]按鈕站削,再次啟動模擬器預覽項目。
47. 模擬器啟動之后孵稽,在列表中顯示了來自圖片的非扁平化的配色方案许起。最后點擊此處的[停止]按鈕,關(guān)閉模擬器菩鲜,并結(jié)束本節(jié)課程园细。
本文整理自:《app開發(fā)中的神兵利器》,真正的[手把手]教學模式接校,用最快的速度上手iOS開發(fā)猛频,蘋果商店App Store免費下載:https://itunes.apple.com/cn/app/id1209739676,或掃描本頁底部的二維碼蛛勉。課程配套素材下載地址:資料下載