什麼是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)
它是圖像,表示用於行動或描繪與應用程式相關的東西