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