上一节 介绍了视图(控件)基类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 选项卡
本系列将持续更新，有兴趣的同学，请关注我。
閱讀更多 移動大電猿 的文章
