什麼是UI元素?
UI元素是我們應用程序裡可以看見的任何可視元素,其中一些元素響應用戶的操作,如按鈕、文本字段,有其他的豐富內容,如圖像、標簽等。
如何添加UI元素?
可以在界面生成器的參與下,在代碼中添加UI元素。如果需要,我們可以使用他們其中之一。
我們關注的
通過代碼,將集中於添加UI元素到應用程序。比較簡單而直接的方法是使用界面生成器拖放UI元素。
方法
以下我們通過創建一款簡單的IOS應用程序,來解釋一些UI元素
步驟
1、在第一款IOS程序裡一樣,創建一個Viewbased應用程序
2、只更新ViewController.h和ViewController.m文件
3、然後我們將方法添加到ViewController.m文件中來創建UI元素
4、在viewDidLoad方法中調用此方法
5、重要的代碼行已經在代碼中通過在單行上方標注的方式進行了注釋
用戶界面元素列表
下面解釋具體的UI元素和其相關的功能/p>
序號 |
具體的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)
它是圖像,表示用於行動或描繪與應用程序相關的東西