组件是规划师常用且根底的知识点，跟着软件规划和开发越来越成熟，已经延伸出许多的类型

组件是规划师常用且根底的知识点，跟着软件规划和开发越来越成熟，已经延伸出许多的类型，能否正确合理的运用也是衡量交互规划水平的一个标准。

文章里理论知识比较少，我想说点比较有用的东西，给我们解惑。所以关于根本的控件/组件类型的根底知识不做过多阐明，理论和实践相得益彰，理论知识我们能够去优秀渠道学习并吸收，但实践需求带入更多的思考。

一、分清控件和组件

控件能够了解为渠道体系界说的某种方法，严格意义上来说，控件的专业叫法为“原生控件”，不过我们都习惯性的顺口说“控件”，这样会更简略点。

组件从字面了解便是拼装而成，在技术层面，代码是需求封装的，那被封装在一同，就能够构成组件，能自界说内容，名称等。

原生控件相比较组件，颗粒感更细，一个组件能够包含多个控件，单个控件也能够作为组件。能够运用一个简略的比如来阐述他们的关系，控件就好比是药材，那么药方就能够了解成是一个组件。如果还不能了解，那能够用更详细的事例来阐明下；

如下图是用户登陆流程中的一个交互组件，该组件由两种原生控件来组成，输入框和按钮，这样结合就构成“账号输入”的组件；

再如下图，单独的输入框控件也能够成为一个独立的“账号输入”组件；

以上两个比如，阐明晰组件能够由单一或多个的控件类型进行组成。

如何去界说组件的构成，其实还需求结合详细的规划需求，上面第一个组件给账号修改增加一个按钮的控件，让用户能够经过按钮铲除所有的字段，让用户直接从头输入，经过手动和按钮操作的两种方法去进行账号修改，第二个组件仅支持手动键入进行修改。经过增加了铲除的交互方法，组件的构成就会有不一样的规划方法。

二、再深化聊下组件

各渠道根本都有自己独立的规划体系，有自己界说的组件和组件库，学习组件要了解它分为根底组件和事务/高级组件两种类型。

根底组件是一种底层组件，例如输入框、按钮、单选框；其特点是比较独立单一，通用性很强，习惯各种事务场景；

事务组件是一个根底组件集合而成的大组件，也能够叫高级组件，是复合型的区块组件，主要是针对处理事务问题；

如下截图是flomo笔记用用的网页版别，以它的首页为例；页面按照左右结构类型区别，能够界说为两个大的事务组件，由浅入深，能够再细分，得到再界说更多的事务组件：