iOS UI元素
什麼是UI元素?
UI元素是我們應用程式裡可以看見的任何可視元素,其中一些元素響應使用者的操作,如按鈕、文字欄位,有其他的豐富內容,如影象、標籤等。
如何新增UI元素?
可以在介面生成器的參與下,在程式碼中新增UI元素。如果需要,我們可以使用他們其中之一。
我們關注的
通過程式碼,將集中於新增UI元素到應用程式。比較簡單而直接的方法是使用介面生成器拖放UI元素。
方法
以下我們通過建立一款簡單的IOS應用程式,來解釋一些UI元素
步驟
1、在第一款IOS程式裡一樣,建立一個Viewbased應用程式
2、只更新ViewController.h和ViewController.m檔案
3、然後我們將方法新增到ViewController.m檔案中來建立UI元素
4、在viewDidLoad方法中呼叫此方法
5、重要的程式碼行已經在程式碼中通過在單行上方標註的方式進行了註釋
使用者介面元素列表
下面解釋具體的UI元素和其相關的功能
序號 | 具體的UI元素或功能 |
---|---|
1 | Text Fields-文字欄位 使用者介面元素,使用應用程式來獲取使用者輸入 |
2 | 輸入型別-TextFields 使用者可以通過使用UITextField來賦予鍵盤輸入屬性 |
3 | Buttons-按鈕 用於處理使用者操作 |
4 | Label-標籤 用於顯示靜態內容 |
5 | Toolbar-工具欄 操縱當前檢視所顯示的東西 |
6 | Status Bar-狀態列 顯示裝置的關鍵資訊 |
7 | Navigation Bar-導航欄 包含一個可以推斷的檢視控制器,並彈出導航控制器的導航按鈕 |
8 | Tab bar-選項卡欄 一般用於各個子任務、檢視或同一檢視中的模型之間的切換. |
9 | Image View-影象檢視 用於顯示一個簡單的影象序列 |
10 | Scroll View-滾動檢視 用來顯示更多螢幕區域的內容 |
11 | Table View-列表檢視 用於在多個行或部分中顯示可滾動列表的資料 |
12 | IOS分割檢視(Split View) 用於在詳細資訊窗格上顯示兩個窗格與主窗格的控制資訊 |
13 | Text View-文字檢視 用於顯示滾動列表的文字資訊可以被選中和編輯 |
14 | View Transition -檢視切換 各種檢視檢視之間的切換 |
15 | Pickers-選擇器 用來顯示從列表中選擇一個特定的資料 |
16 | Switches-開關 用作禁用和啟用操作 |
17 |
IOS滑塊(Sliders) 用來允許使用者在允許的值範圍內選對一個值 |
18 |
IOS警告對話方塊(Alerts) 用來給使用者提供重要的資訊 |
19 |
IOS圖示(Icons) 它是影象,表示用於行動或描繪與應用程式相關的東西 |