iOS - UI 元素

什麼是 UI 元素？

UI 元素是我們應用程式中可以看到的視覺化元素。其中一些元素響應使用者互動，例如按鈕、文字欄位，而另一些則提供資訊，例如影像、標籤。

我們既可以在程式碼中新增 UI 元素，也可以藉助介面構建器新增。根據需要，我們可以使用其中任何一個。

我們將更多地關注在我們的應用程式中透過程式碼新增 UI 元素。使用介面構建器很簡單且直接，我們只需要拖放 UI 元素即可。

我們將建立一個簡單的 iOS 應用程式，並用它來解釋一些 UI 元素。

步驟 1 - 建立一個基於檢視的應用程式，就像我們在第一個 iOS 應用程式中所做的那樣。

步驟 2 - 我們將只更新 ViewController.h 和 ViewController.m 檔案。

步驟 3 - 然後，我們向 ViewController.m 檔案新增一個專門用於建立 UI 元素的方法。

步驟 4 - 我們將在 viewDidLoad 方法中呼叫此方法。

步驟 5 - 程式碼中重要的程式碼行已在這些程式碼行上方的單行註釋中進行了解釋。

下面解釋了 UI 特定元素及其相關功能：

序號	UI 特定元素
1	文字欄位它是一個 UI 元素，使應用程式能夠獲取使用者輸入。
2	輸入型別 - 文字欄位我們可以使用 UITextField 的 keyboard 屬性來設定使用者可以提供的輸入型別。
3	按鈕它用於處理使用者操作。
4	標籤它用於顯示靜態內容。
5	工具欄如果我們想根據當前檢視操作某些內容，可以使用它。
6	狀態列它顯示裝置的關鍵資訊。
7	導航欄它包含導航控制器的導航按鈕，導航控制器是一個可以推送和彈出檢視控制器的堆疊。
8	標籤欄它通常用於在同一檢視內的各種子任務、檢視或模型之間切換。
9	影像檢視它用於顯示簡單的影像或影像序列。
10	滾動檢視它用於顯示超出螢幕區域的內容。
11	表檢視它用於以多行和多節的形式顯示可滾動的列表資料。
12	分割檢視它用於顯示兩個窗格，其中主窗格控制詳細資訊窗格上的資訊。
13	文字檢視它用於顯示可滾動的文字資訊列表，這些資訊可以選擇性地進行編輯。
14	檢視過渡它解釋了檢視之間各種檢視過渡。
15	選擇器它用於從列表中選擇特定資料。
16	開關它用作操作的停用和啟用。
17	滑塊它允許使用者在允許值的範圍內調整值或過程。
18	警報它用於向用戶提供重要資訊。
19	圖示它是用於操作或描述與應用程式相關的某些內容的影像表示。

列印頁面

序號	UI 特定元素
1	文字欄位它是一個 UI 元素，使應用程式能夠獲取使用者輸入。
2	輸入型別 - 文字欄位我們可以使用 UITextField 的 keyboard 屬性來設定使用者可以提供的輸入型別。
3	按鈕它用於處理使用者操作。
4	標籤它用於顯示靜態內容。
5	工具欄如果我們想根據當前檢視操作某些內容，可以使用它。
6	狀態列它顯示裝置的關鍵資訊。
7	導航欄它包含導航控制器的導航按鈕，導航控制器是一個可以推送和彈出檢視控制器的堆疊。
8	標籤欄它通常用於在同一檢視內的各種子任務、檢視或模型之間切換。
9	影像檢視它用於顯示簡單的影像或影像序列。
10	滾動檢視它用於顯示超出螢幕區域的內容。
11	表檢視它用於以多行和多節的形式顯示可滾動的列表資料。
12	分割檢視它用於顯示兩個窗格，其中主窗格控制詳細資訊窗格上的資訊。
13	文字檢視它用於顯示可滾動的文字資訊列表，這些資訊可以選擇性地進行編輯。
14	檢視過渡它解釋了檢視之間各種檢視過渡。
15	選擇器它用於從列表中選擇特定資料。
16	開關它用作操作的停用和啟用。
17	滑塊它允許使用者在允許值的範圍內調整值或過程。
18	警報它用於向用戶提供重要資訊。
19	圖示它是用於操作或描述與應用程式相關的某些內容的影像表示。