上一節 介紹了視圖(控件)基類UIView的常用屬性方法。其實除了UIView這個基類，iOS還提供了很多功能強大又易用的UI視圖。這麼多UI視圖，我們如果都詳細學習一遍，很耗費時間，而且完全沒有必要。原因是：
1. 開發不同類型的App，所使用的視圖類型有很大差別，有些視圖可能一年半載都用不到一次。比如開發一個顯示H5頁面的App，那麼就會經常用到WKWebView視圖，但是如果是開發一個原生App，那基本上不會用到這個視圖。
2. iOS中的UI視圖用法都是相似相通的；
因此，重點是：掌握最主要、最常用的UI視圖用法。其它視圖留個大致的印象，知道有這個視圖，碰到有需求時，再去查找相關資料學習使用。
前面章節有介紹了，怎麼在storyboard上選擇添加想要的UI視圖。這裡再重複說明一下，點擊下圖紅色方框1，就可以打開視圖選擇框，然後在紅色方框2裡選擇想要的視圖即可。
但是上圖中的視圖選項都是圖片，對於不熟悉的人，怎麼知道要選哪個視圖呢？其實很簡單，可以點擊下圖紅色方框：
上面的對話框會切換成列表模式(如下圖所示)，列表有詳細的文字說明：
下面按照UI視圖使用頻次，對最常用的視圖做一個簡介，其它次常用的視圖，也會在最後列出。
一、最常用的視圖
1. UILabel
UILabel叫文本標籤視圖，一般用來顯示一行或多行不可編輯的文本內容，如下圖紅色方框處：
用storyboard添加時，可以選擇下圖紅色方框中的選項：
2. UIButton
UIButton叫按鈕，這個很容易理解，就是用戶可以點擊，點擊後會有一些事情會發生，比如點擊登錄會跳到另一個頁面或者彈出一個警告框，如下圖紅色方框處：
使用時，可以選擇下圖紅色方框中的選項：
3. UITextField
UITextField叫文本編輯框。這是給用戶輸入和編輯文字的地方，比如登錄時，要我們輸入用戶名和密碼的地方就是用UITextField視圖，如下圖紅色方框處：
使用時，可以從下圖所示的視圖選擇框中選擇：
4. UIImageView
UIImageView用來顯示一張圖片。比如，App用戶資料頁面的左上角，一般會有一個用戶頭像，這個就是用UIImageView來顯示，如下圖紅色方框處：
使用時，可以選擇下圖紅色方框中的選項：
5. UIScrollView
UIScrollView是滾動的視圖。我們知道手機屏幕其實是很小的，只能顯示很有限的內容，當一個頁面內容太多時，就顯示不下，但我們又必須在同一個頁面顯示這些內容，那怎麼辦呢？UIScrollView就是用來顯示那些在有限區域內放不下的內容的視圖，我們將內容裝到UIScrollView視圖裡，用戶就可以通過拖拉手機屏幕，讓頁面上下或者左右滾動，來繼續查看未顯示部分的內容。使用時，可以選擇下圖紅色方框中的選項：
6. UITableView
UITableView叫表格視圖。這個視圖繼承於UIScrollView，所以表格視圖也是可以滾動的。因為手機屏幕其實很小，而且是豎直的，所以很多內容都是做成列表方式呈現給用戶，這時就要用到UITableView。UITableView效果如下圖所示：
使用時，可以選擇下圖紅色方框中的選項：
7. UICollectionView
UICollectionView叫集合視圖。UICollectionView可以把它理解成多列的UITableView，但是功能上更靈活更強大，UICollectionView佈局更加靈活，可實現多列布局，瀑布流佈局。UICollectionView典型應用就是相冊圖片的展示，如下圖所示：
使用時，可以選擇下圖紅色方框中的選項：
8. UINavigationBar
UINavigationBar就是導航條，用來顯示頁面標題以及返回按鈕或其它內容，下圖是設置頁面，頂部紅框處就是導航條：
使用時，可以選擇下圖紅色方框中的選項：
9. WKWebView
WKWebView是網頁顯示視圖，類似一個內置在App中的瀏覽器，可以顯示網頁(H5頁面)，這個視圖替代了早先iOS版本使用的UIWebView。使用這個視圖，開發人員只要設計一套H5頁面，就可以同時滿足電腦端以及iOS、android等手機端的需求。使用時，可以選擇下圖紅色方框中的選項：
10. UIAlertController
UIAlertController用於彈出對話框。iOS早先版本彈出框分為兩種：UIAlertView和UIActionSheet。UIAlertView是中間彈出框，UIActionSheet是底部彈出框。現在合併到UIAlertController中。如下圖是一個請求權限的彈出框：
二、次常用視圖
上面這些是使用頻次很高的視圖，使用頻次低一點的有：
UIPageControl 分頁視圖
UITextView 能滾動的文字顯示視圖
UIActivityIndicatorView 圈圈(代表加載中）
UISwitch 開關視圖
UIPickerView 選擇器
UIDatePicker 日期選擇器
UIToolbar 工具條
UIProgressView 進度條
UISlider 滑塊
UISegmentControl 選項卡
本系列將持續更新，有興趣的同學，請關注我。
閱讀更多 移動大電猿 的文章
