天天看點

《iOS 9 開發指南》——第6章,第6.6節定制界面外觀

本節書摘來自異步社群《ios 9 開發指南》一書中的第6章,第6.6節定制界面外觀,作者 管蕾,更多章節内容可以通路雲栖社群“異步社群”公衆号檢視

6.6 定制界面外觀

ios 9 開發指南

圖檔 27 知識點講解:CD光牒:視訊知識點第6章定制界面外觀.mp4

在ios應用中,其實最終使用者看到的界面不僅僅取決于控件的大小和位置。對于很多對象來說,有數十個不同的屬性可供我們進行調整,在調整時可以使用interface builder中的工具來達到事半功倍的效果。

6.6.1 使用屬性檢查器

為了調整界面對象的外觀,最常用的方式是通過attributes inspector(屬性檢查器)。要想打開該檢查器,可以通過單擊utility區域頂部的滑塊圖示的方式實作。如果目前utility區域不可見,可以依次選擇菜單view→utility→show attributes inspector(或“option+ command+4”快捷鍵實作)。

接下來我們通過一個簡單示範來說明如何使用它,假設存在一個空工程檔案empty.storyboard,并在該視圖中添加了一個文本标簽。選擇該标簽,再打開attributes inspector,如圖6-22所示。

《iOS 9 開發指南》——第6章,第6.6節定制界面外觀

在“attributes inspector”面闆的頂部包含了目前標明對象的屬性。例如,标簽對象label包括的屬性有字型、字号、顔色和對齊方式等。在“attributes inspector”面闆的底部是繼承而來的其他屬性,在很多情況下,我們不會修改這些屬性,但背景和透明度屬性很有用。

6.6.2 設定輔助功能屬性

在ios應用中可以使用專業螢幕閱讀器技術voiceover,此技術內建了語音合成功能,可以幫助開發人員實作導航應用程式。在使用voiceover後,當觸摸界面元素時會聽到有關其用途和用法的簡短描述。雖然我們可以免費獲得這種功能,但是通過在interface builder中配置輔助功能(accessibility)屬性,可以提供其他協助。要想通路輔助功能設定,需要打開identity inspector(身份檢查器),為此可單擊utility區域頂部的視窗圖示,也可以依次選擇菜單view→utility→show identity inspector或按下“option+command+3”快捷鍵,如圖6-23所示。

《iOS 9 開發指南》——第6章,第6.6節定制界面外觀

在identity inspector中,輔助功能選項位于一個獨立的部分。在該區域,可以配置如下所示的4組屬性。

accessibility(輔助功能):如果選中它,對象将具有輔助功能。如果建立了隻有看到才能使用的自定義控件,則應該禁用這個設定。

label(标簽):一兩個簡單的單詞,用作對象的标簽。例如,對于收集使用者姓名的文本框,可使用your name。

hint(提示):有關控件用法的簡短描述。僅當标簽本身沒有提供足夠的資訊時才需要設定該屬性。

traits(特征):這組複選框用于描述對象的特征——其用途以及目前的狀态。

具體界面如圖6-24所示。

《iOS 9 開發指南》——第6章,第6.6節定制界面外觀

注意:

為了讓應用程式能夠供最大的使用者群使用,應該盡可能利用輔助功能工具來開發項目。即使像在本章前面使用的文本标簽這樣的對象,也應配置其特征(traits)屬性,以指出它們是靜态文本,這可以讓使用者知道不能與之互動。

6.6.3  測試界面

通過使用xcode,能夠幫助開發人員編寫絕大部分的界面代碼。這意味着即使該應用程式還未編寫好,在建立界面并将其關聯到應用程式類後,依然可以在ios模拟器中運作該應用程式。接下來開始介紹啟用輔助功能檢查器(accessibility inspector)的過程。

如果我們建立了一個支援輔助功能的界面,可能想在ios模拟器中啟用accessibility inspector(輔助功能檢查器)。此時可啟動模拟器,再單擊主螢幕(home)按鈕傳回主螢幕。單擊setting(設定),并選擇general→accessibility(“通用”→“輔助功能”),然後使用開關啟用accessibility inspector,如圖6-25所示。

《iOS 9 開發指南》——第6章,第6.6節定制界面外觀

通過使用accessibility inspector,能夠在模拟器工作空間中添加一個覆寫層,功能是顯示我們為界面元素配置的标簽、提示和特征。使用該檢查器左上角的“×”按鈕,可以在關閉和開啟模式之間切換。當處于關閉狀态時,該檢查器折疊成一個小條,而ios模拟器的行為将恢複正常。在此單擊×按鈕可重新開啟。要禁用accessibility inspector,隻需再次單擊setting并選擇general→accessibility即可。

繼續閱讀