iOS开发 - 视图(Views)与控件(Controls)概览

2018-03-22  本文已影响37人  _老杨_

视图的基本概念


a.视图是手机界面的基本元素,一个视图可以理解为手机屏幕的一块区域,你可以定义这块区域的大小,形状,颜色等等。一个视图可以包含另一个视图。

b.手机常见的按钮,表格,开关等控件,也属于一种特殊的视图。

c.用户的操作,比如点击屏幕,拖拽等,也是对视图的操作。

d.UIView是所有视图的根类,UIControl是UIView的子类,包括一些特殊的视图,如按钮,开关等

1.容器视图(Container Views)

包括UICollectionView,UITableView,UIStackView,UIScrollView

1-1.UICollectionView

展示了若干视图的集合

UICollectionView

1-2.UITableView

以单列多行的方式,展示一组数据。

UITableView

1-3.UIStackView

可以将某些控件归为一组,统一为这组控件进行线性布局。简化页面布局的开发工作。

UIStackView UIStackView

1-4.UIScrollView

是一种允许将内容滚动和缩放的视图。

UIScrollView

2.内容视图(Content Views)

包括UIActivityIndicatorView,UIImageView,UIPickerView,UIProgressView,UIWebView

2-1.UIActivityIndicatorView

用来显示某个任务正在进行中的一种视图。比如下拉刷新时那个旋转的小菊花。

UIActivityIndicatorView

2-2.UIImageView

用来显示一张图片,或一组动图。

UIImageView

2-3.UIPickerView

用转轮效果来展示一组可选值

UIPickerView

2-4.UIProgressView

描述任务完成进度的一种视图

UIProgressView

2-5.UIWebView

可以嵌入网络内容的一种视图

UIWebView

3.控件(Controls)

包括UIButton,UIDatePicker,UIPageControl,UISegmentedControl,UISlider,UIStepper,UISwitch。UIControl是所有控件的基类。

3-1.UIButton

按钮

UIButton

3-2.UIDatePicker

日期选择器

UIDatePicker

3-3.UIPageControl

显示一行圆点,每一个圆点对应一个页面。

UIPageControl

3-4.UISegmentedControl

由几个单独的按钮横向排列组成的一种控件

UISegmentedControl

3-5.UISlider

可以从一个连续区间里选择一个值的控件

UISlider

3-6.UIStepper

可以单步增加或者减小值的一种控件

UIStepper

3-7.UISwitch

开关

UISwitch

4.文本视图(Text Views)

包括UILabel,UITextField,UITextView

4-1.UILabel

显示单行或者多行只读内容的一种视图

UILabel

4-2.UITextField

可编辑的文本区域

UITextField

4-3.UITextView

可滚动的多行区域

UITextView

5.栏(Bars)

包括UIBarButtonItem,UINavigationBar,UISearchBar,UIToolbar,UITabBar

5-1.UIBarButtonItem

工具类中的一个按钮

UIBarButtonItem

5-2.UINavigationBar

显示在屏幕上方的导航控件

UINavigationBar

5-3.UISearchBar

专门用来接收用户输入的搜索信息的视图

UISearchBar

5-4.UIToolbar

一般位于屏幕底部,显示一个或多个按钮的工具栏视图,每个按钮负责不同的功能。

UIToolbar

5-5.UITabBar

一般位于屏幕底部的标签栏,每个按钮(UITabBarItem)用来切换不同的视图。(注意与UIToolbar的不同)

UITabBar
上一篇下一篇

猜你喜欢

热点阅读