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元素和其相關的功能/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-捲動視圖 用來顯示更多螢幕區域的內容 |
Table View-清單檢視 | 用於在多個行或部分中顯示可捲動清單的資料 |
IOS分割視圖(Split View) | 用於在詳細資料窗格上顯示兩個窗格與主窗格的控制資訊 |
##Text View-文本視圖 | 用於顯示捲動清單的文字資訊可以被選取和編輯|
>View Transition -視圖切換 | 各種視圖查看之間的切換|
Pickers-選擇器 | 用來顯示從清單中選擇一個特定的資料|
Switches-開關 | 用作停用與啟用操作|
IOS滑桿(Sliders) | 用來允許使用者在允許的值範圍內選對一個值|
IOS警告對話方塊(Alerts) | 用來提供使用者重要的資訊|
IOS圖示(Icons) | 它是圖像,表示用於行動或描繪與應用程式相關的東西