由于iOS 和 Material Design的组件体系有些不一样，所以关于组件的分类体系我会分iOS篇和Android篇来解说，本篇文章为iOS 篇。
关于大部分入门设计师及中级设计师来说，脑海里没有一套属于本人的组件分类体系。一说组件，脑子外面只会蹦出弹窗、toast、操作列表等。难以构成自我知识体系，能够是只要用到才会想到某个组件。这样的话关于系统的学习视觉设计、交互设计或产品设计是不利的。
组件基于Material Design和iOS 设计指南。关于组件的中文翻译名字能够会有很多种，并没有一个威望准确的中文命名。但是设计师知道某个组件名是什么样子的就曾经够了。
由于iOS 和 Material Design的组件体系有些不一样，所以关于组件的分类体系我会分iOS篇和Android篇来解说，本篇文章为iOS 篇。
iOS 或 Material Design的设计指南，都是按照组件的属性来系统引见。其实从设计者的运用场景来说，都是设计者设计产品时，依据详细的功用来调用组件。所以从功用来划分是更容易了解和记忆的。故组件分类可以按照两种维度来划分。一种是组件的属性来分（本篇文章是基于属性分类），另一种是控件组件的功用类别（下一篇文章引见）。
按照组件本身属性分类的思想导图：
导航栏可以实如今运用不同信息层级结构间的导航，有时分也可用于管理应前屏幕内容。
如图是系统导航的基础方式，其中Back为上一级的标题，Title为以后视图的标题，Edit代表操作控件。
iOS10标准中提及：普通来说，导航栏上应该不多于以下三种元素：以后视图的标题、前往按钮和一个针对以后的操作控件。
搜索栏（search bar)搜索栏获取用户输入的文本，用以作为搜索的关键字(下图中显示的文本为占位符，非用户输入文本)。
搜索栏可以包含以下元素：
占位符文本(Placeholder text)。占位符文本通常会写明控件的功用（比如上图里的 “Search”字样），或许提示用户输入的文本将在哪里搜索（如“Google”）。肃清按钮(The Clear button)。大少数搜索栏都会提供肃清按钮，方便用户一键清空输入内容。形状栏(tatus bar)形状栏展现了关于设备及其周围环境的重要信息
形状栏包含以下特征：
是透明的一直固定在整个屏幕的上边缘标签栏(tab bar)标签栏让用户在不同的子义务、视图和形式中停止切换。
标签栏位于屏幕底部，并应该保证在运用内任何位置都可用。展现图标和文字内容，每一项均保持等宽。当用户选中某个标签时，该标签出现适当的高亮形状。
标签栏可以包含以下特性：
一直出如今屏幕的底部一个标签栏一次最多可承载5个标签（多于5个标签的时分，可以展现前4个标签和一个“更多”，并将其他的标签以列表方式收纳到“更多”外面）在横屏与竖屏状况下，高度均保持分歧普通而言，运用标签栏来组织整个运用层面的信息结构。标签栏十分适宜用于运用的主界面中，由于它可以很好地扁平信息层级，并且同时提供多个触达同级信息类目与形式的入口。
工具栏(tool bar)工具栏上放置着用于操作以后屏幕中各对象的控件
工具栏可以包含以下特性：
在iPhone上，工具栏一直位于屏幕底部，而在iPad上则有能够出如今顶部范围栏(scope bar)范围栏只要在与搜索栏一同时才会出现，它让用户可以定义搜索结果的范围。
当搜索栏出现时，范围栏会出如今它的左近。范围栏的外观与你所指定的搜索栏的外观兼容。
当用户想在明白的分类范围内停止搜索时，运用范围栏是十分有用的。但是，更好的选择是优化您的搜索结果，让用户不需求运用范围栏对搜索结果停止挑选，便可以找到他们所需求的内容。
2.Ui-views（UI视图）Ui-views又分外容视图和暂时视图
暂时视图：
正告对话框（alert）正告框传达运用或设备某种形状的重要信息，并且常常需求用户来停止操作。
标准中，对正告框包含的元素做出了如下规则：标题（必选）、描画信息（可选）、输入框（可选）、按钮（必选）。同时，正告框的样式都是磨砂效果的圆角白框，不可更改。如下图所示：
正告框可以包含以下特性：
必须包含标题，有时分会包含注释文本包含一个或多个按钮操作列表（action sheet）操作列表展现了与用户触发的操作直接相关的一系列选
操作列表，是当用户激起一个操作的时分，出现的浮层。“运用操作列表让用户可以末尾一个新义务或许对破坏性操作（例如：删除、参加登录等）停止二次确认。” 运用操作列表末尾一个新义务，在苹果官方的邮件运用里有很多案例，比如下面这个。
操作列表包含以下特性：
由用户某个操作行为触发包含两个或以上的按钮运用操作列表来：提供完成一项义务的不同办法。操作列表提供一系列在以后情形下可以完成以后义务的操作，而这样的方式不会永世占用页面UI的空间。
模态视图（modal view）模态视图是一个以模态方式展现的视图，它为以后义务或以后任务流程提供独立的、自包含的(self-contained)功用。
在iOS中，苹果运用“模态视图”来指那些在以后页插入的“浮层页面”。
模态视图可以包含以下特征：
能占据整个屏幕，它也能够占据整个父视图(parent view)的区域，或许是屏幕的一部分包含完成以后义务所需的文字和控件通常也会包含一个完成义务的按钮（点击后即可完成义务，以后模态视图也会消逝），和一个取消按钮（点击后即保持以后义务，同时以后模态视图消逝）如图所示：
当需求用户完成与app中的基础功用相关的、独立的义务的时分，可以运用模态视图。模态视图尤其适用于那些所需元素并十分驻在app主要UI中、又包含多个步骤的子义务。
内容视图：
浮出层（popover）浮出层是当用户轻点某个控件或页面中的某一区域时浮出的，半透明的暂时视图
