ios設計交互頁面——Start Developing iOS Apps Today——從今天開始開發IOS(IOS7版)系列源文檔翻譯(八) – iPhone手機開發技術文章 iPhone軟體開發教學課程

視圖是構建用戶界面的基石。學習的過程中重要的是要瞭解如何使用視圖以一種清晰,優雅,實用??的方式呈現你的內容。創建良好的用戶界面,有效地展示你的應用程序的內容是必不可少的建立一個成功的應用程序。在本章中,您將瞭解在一個腳本創建和管理視圖來定義你的界面。

視圖層次

視圖不僅展示自我屏幕和用戶輸入做出反應,它們也可以作為容器的其他視圖。其結果是,視圖中的應用程序被安排在一個稱為視圖層次的層次結構。視圖層次定義相對於其他視圖的視圖的佈局。在這一層次,查看視圖中封閉的情況下被稱為子視圖,並包圍視圖的父視圖被稱為它的父。一個視圖實例可以有多個子視圖,它隻能有一個父視圖。
在視圖層次結構的頂層是window對象。由UIWindow類的實例表示,一個窗口作為基本的容器,可以在其中添加您的視圖對象顯示在屏幕上。就其本身而言,窗口不顯示任何內容。如果要顯示的內容,需要添加內容視圖(子視圖的層次結構)窗口。
一個內容視圖及其子視圖是對用戶可見的,內容視圖必須被插入到一個窗口的視圖層次結構。當您使用storyboard,這個位置將自動為您配置。應用對象加載storyboard,創建相關的視圖控制器類的實例,解開所有內容視圖層次的每個視圖控制器,然後將初始視圖控制器到窗口的內容視圖。您將瞭解更多關於在下一章管理視圖控制器,現在,你會專註於你的stZ喎?/kf/ware/vc/” target=”_blank” class=”keylink”>vcnlib2FyZNTa0ru49rWl0ru1xMrTzby/2NbGxve0tL2o0ru49rLjtM6howo8YnI+Cgo8aDM+vajBotK7uPa907/ayrnTw8rTzbw8L2gzPgq1scTjyei8xsTjtcTTptPDs8zQ8qOsy/zW2NKqtcTKx9Kq1qq1wMq508PEv7XEysfKssO0yrLDtNH5tcTK0828oaPA/cjno6zE+r/J0tTKudPDytW8r8rkyOvOxLG+tcTTw7uno6zI587Esb6/8tbQtcTSu9bWudu146Osyse008Tjv8nE3Lvh08PKssO0wLTP1Mq+vrLMrM7Esb6jrMjnserHqbK7zayho8q508NVSUtpdLXEytPNvLvmzbzTptPDs8zQ8rrcyN3S17S0vaijrNLyzqrE47/J0tS/7MvZ1+nXsLXEu/mxvr3nw+aho9K7uPZVSUtpdLXEytPNvLbUz/PKx1VJVmlld8Dgu/LV38v8tcTX08DgtcTSu7j2yrXA/aGjIFVJS2l0v/K83MzhuanBy9DttuDA4NDNtcTK0828o6zS1LDv1vrP1tTaus3X6davyv2+3aGjCsvkyLvDv7j2ytPNvLa809DG5MzYtqi1xLmmxNyjrFVJS2l0tcTK0828v8m56cTJzqrG38Dgo7o8YnI+Cgo8YnI+CgoKPHRhYmxlIGNlbGxzcGFjaW5nPQ==”0″ cellpadding=”0″ class=”t1 ” border=”1″>

類型

目的

例子

Content

顯示特定類型的內容,諸如圖像或文本。

Image view, label

Collections

顯示集合觀點或團體。

Collection view, table view

Controls

執行操作或顯示信息。

Button, slider, switch

Bars

導航,或執行動作。

Toolbar, navigation bar, tab bar

Input

接收用戶輸入的文本。

Search bar, text view

Containers

作為容器的其他視圖。

View, scroll view

Modal

中斷應用程序的正常流動,允許用戶執行某種動作。

Action sheet, alert view

您可以使用Interface Builder組裝的看法圖形。界面生成器提供的,你需要建立你的接口標準視圖,控件和其他對象庫。從庫中拖拽這些對象後,您拖放到畫佈上,並安排他們在任何你想要的方式。接下來,使用檢查員其保存在一個腳本之前,配置這些對象。您可以立即看到結果,而不需要編寫代碼,構建和運行你的應用程序。
UIKit框架提供瞭展示許多類型的內容標準的意見,但你也可以通過UIView的子類(或其後代)定義你自己的自定義視圖。自定義視圖的UIView的子類中,你處理所有的繪圖和事件處理任務自己。你不會使用自定義視圖在這些教程,但是您可以瞭解更多有關實現自定義視圖中查看編程指南適用於iOS的“定義自定義視圖”。

使用Storyboard來佈置視圖

在圖形環境中,您可以使用Storyboard來佈置您的層次。Storyboard提供視圖的工作,並建立自己的接口直接的,可視化的方式。
正如你在第一個教程看瞭,Storyboard是由場景,每個場景都有一個關聯的視圖層次結構。您拖動一個視圖出來的對象庫,並把它放在一個Storyboard場景中將其自動添加到該場景的視圖層次結構。該層次結構中的視圖位置由您的地方來確定。當您將視圖添加到你的場景,你可以調整,操作,配置和移動的畫佈上。
畫佈還顯示在你的界面對象的大綱視圖。大綱視圖 – 這出現在左邊畫佈可以讓你看到的對象的層次結構表示在你的腳本。

您在Storyboard的場景圖形方式創建視圖層次結構實際上是一個“shrinkwrapped”設置Objective-C的對象。在運行時,這些shrinkwrapped對象是未歸檔。其結果是配置瞭你設置使用直觀的工具領域的各種檢查員的屬性相關的類的實例的層次結構。

使用檢查器配置瀏覽

當與視圖故事板工作,檢查員窗格是一個必不可少的工具。檢查窗格出現在工具區域中的對象庫上面。

每個督察提供瞭在你的界面元素重要的配置選項。當您選擇一個對象,如視圖,在你的腳本,你可以使用每個督察,以自定義對象的不同屬性。

文件。讓您指定有關故事板的一般信息。
幫助。提供瞭有關對象的有用的文檔。
身份。讓您的對象指定一個自定義類並定義它的輔助功能屬性。
屬性。允許您自定義對象的可視屬性。
尺寸。讓您指定一個對象的大小和自動佈局屬性。
連接。可以讓你創建你的界面和源代碼之間的連接。

你開始在第一個教程的屬性檢查器中工作。你會繼續使用這些檢查員的整個教程中的其餘配置中的故事板視圖和其他對象。特別是,您將使用屬性檢查器來配置您的意見,身份檢查配置您的視圖控制器,以及連接檢查員來創建你的視圖和視圖控制器之間的連接。

自動佈局到位置視圖

當你開始在你的Storyboard定位的視圖,你需要考慮各種情況。 iOS應用在許多不同的設備上運行,與各種屏幕尺寸,方向,和語言。而不是設計一個靜態界面,你希望它是動態的,無縫的變化,屏幕大小,設備方向,定位和指標作出回應。
為瞭幫助您使用視圖來創建一個通用的接口,Xcode中提供瞭一個名為自動佈局工具。自動佈局是表達意見之間的關系在你的應用程序的用戶界面的系統。自動佈局可以讓你在個人的視圖或成套的觀點之間的約束來定義這些關系。
自動佈局菜單,它駐留在你的畫佈的右下角區域,有四個分部。您可以使用此菜單不同類型的約束添加到您的畫佈上的視圖,解決佈局問題,並確定約束調整大小行為。

你會使用自動佈局簡要工作在第二個教程,以增加對橫向模式支持你的todolist的應用程序。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。