美文网首页
iOS开发 - 视图(Views)与控件(Controls)概览

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

作者: _老杨_ | 来源:发表于2018-03-22 23:07 被阅读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

相关文章

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

    视图的基本概念 a.视图是手机界面的基本元素,一个视图可以理解为手机屏幕的一块区域,你可以定义这块区域的大小,形状...

  • Views and Controls

    Views and Controls 在屏幕上展示您的内容,并定义与该内容相关的交互。 Overview 视图和控...

  • iOS开发-视图渲染与性能优化

    iOS开发-视图渲染与性能优化 iOS开发-视图渲染与性能优化

  • UI常用的控件

    #iOS开发之UI篇#iOS开发之UI篇 #常用控件介绍1## #UI第09天:滚动视图# ##UIScrollV...

  • iOS-自定义控件相关

    本篇涵盖自定义控件、视图等. 1.iOS开发-轻松学会封装自定义视图view(自定义弹框封装详解)2.iOS开发-...

  • swift第三方控件

    iOS开发:Swift实现的轮播图、无限循环视图控件CYCircularScrollView CycleScrol...

  • IOS规范,扎实基础(1)

    目录: UI Bars UI Views (用户界面视图) UI Controllers (用户界面控件) UI ...

  • iOS 图形渲染流程

    iOS开发中,经常创建很多视图控件来进行界面布局,那这些视图控件是怎么显示到屏幕上的呢?其实在设置了 UIView...

  • Material design - Components– Se

    Selection controls - 选择控件 Selection controls allow the us...

  • iOS资源汇总

    iOS·Objective-C UI控件详解整理 iOS UI控件详解—「UIScrollView滚动视图」 iO...

网友评论

      本文标题:iOS开发 - 视图(Views)与控件(Controls)概览

      本文链接:https://www.haomeiwen.com/subject/ovwftttx.html