视图的基本概念
![](https://img.haomeiwen.com/i18168/206267ec982eeeeb.png)
a.视图是手机界面的基本元素,一个视图可以理解为手机屏幕的一块区域,你可以定义这块区域的大小,形状,颜色等等。一个视图可以包含另一个视图。
b.手机常见的按钮,表格,开关等控件,也属于一种特殊的视图。
c.用户的操作,比如点击屏幕,拖拽等,也是对视图的操作。
d.UIView是所有视图的根类,UIControl是UIView的子类,包括一些特殊的视图,如按钮,开关等
1.容器视图(Container Views)
包括UICollectionView,UITableView,UIStackView,UIScrollView
1-1.UICollectionView
展示了若干视图的集合
![](https://img.haomeiwen.com/i18168/8fd3d2ea26c71e18.png)
1-2.UITableView
以单列多行的方式,展示一组数据。
![](https://img.haomeiwen.com/i18168/3ec375e41ff3a1b5.png)
1-3.UIStackView
可以将某些控件归为一组,统一为这组控件进行线性布局。简化页面布局的开发工作。
![](https://img.haomeiwen.com/i18168/1cb534477e4dd6bc.png)
![](https://img.haomeiwen.com/i18168/3dda2cff03a36834.png)
1-4.UIScrollView
是一种允许将内容滚动和缩放的视图。
![](https://img.haomeiwen.com/i18168/250406229085ce8e.png)
2.内容视图(Content Views)
包括UIActivityIndicatorView,UIImageView,UIPickerView,UIProgressView,UIWebView
2-1.UIActivityIndicatorView
用来显示某个任务正在进行中的一种视图。比如下拉刷新时那个旋转的小菊花。
![](https://img.haomeiwen.com/i18168/7ee3fd80871f0e9c.png)
2-2.UIImageView
用来显示一张图片,或一组动图。
![](https://img.haomeiwen.com/i18168/e3b8fabd1e74b0d0.png)
2-3.UIPickerView
用转轮效果来展示一组可选值
![](https://img.haomeiwen.com/i18168/6f245ed128324b84.png)
2-4.UIProgressView
描述任务完成进度的一种视图
![](https://img.haomeiwen.com/i18168/e095fa3f2bacf5c8.png)
2-5.UIWebView
可以嵌入网络内容的一种视图
![](https://img.haomeiwen.com/i18168/236004f9148318a1.png)
3.控件(Controls)
包括UIButton,UIDatePicker,UIPageControl,UISegmentedControl,UISlider,UIStepper,UISwitch。UIControl是所有控件的基类。
3-1.UIButton
按钮
![](https://img.haomeiwen.com/i18168/78c74fe855ba47ee.png)
3-2.UIDatePicker
日期选择器
![](https://img.haomeiwen.com/i18168/3b158f1ee6eedfec.png)
3-3.UIPageControl
显示一行圆点,每一个圆点对应一个页面。
![](https://img.haomeiwen.com/i18168/917e775e5c4f8840.png)
3-4.UISegmentedControl
由几个单独的按钮横向排列组成的一种控件
![](https://img.haomeiwen.com/i18168/8a77c019e823b95e.png)
3-5.UISlider
可以从一个连续区间里选择一个值的控件
![](https://img.haomeiwen.com/i18168/056bcc6436fd3b0b.png)
3-6.UIStepper
可以单步增加或者减小值的一种控件
![](https://img.haomeiwen.com/i18168/ec968442462190a4.png)
3-7.UISwitch
开关
![](https://img.haomeiwen.com/i18168/5ca1f080acc4ffc4.png)
4.文本视图(Text Views)
包括UILabel,UITextField,UITextView
4-1.UILabel
显示单行或者多行只读内容的一种视图
![](https://img.haomeiwen.com/i18168/42477a168ea2ee5a.png)
4-2.UITextField
可编辑的文本区域
![](https://img.haomeiwen.com/i18168/49c9b8203af0411d.png)
4-3.UITextView
可滚动的多行区域
![](https://img.haomeiwen.com/i18168/dd2bfa243cd6f4a5.png)
5.栏(Bars)
包括UIBarButtonItem,UINavigationBar,UISearchBar,UIToolbar,UITabBar
5-1.UIBarButtonItem
工具类中的一个按钮
![](https://img.haomeiwen.com/i18168/903b58cda6557318.png)
5-2.UINavigationBar
显示在屏幕上方的导航控件
![](https://img.haomeiwen.com/i18168/3383355a2d013669.png)
5-3.UISearchBar
专门用来接收用户输入的搜索信息的视图
![](https://img.haomeiwen.com/i18168/1a1b3fdef3c4b24e.png)
5-4.UIToolbar
一般位于屏幕底部,显示一个或多个按钮的工具栏视图,每个按钮负责不同的功能。
![](https://img.haomeiwen.com/i18168/1293ead9661cdac5.png)
5-5.UITabBar
一般位于屏幕底部的标签栏,每个按钮(UITabBarItem)用来切换不同的视图。(注意与UIToolbar的不同)
![](https://img.haomeiwen.com/i18168/7844e161dee4ea45.png)
网友评论