如下图是用户登陆流程中的一个交互组件

 原生控件相比较组件，颗粒感更细，一个组件可以包含多个控件，单个控件也可以作为组件。可以使用一个简单的例子来阐述他们的关系，控件就好比是药材，那么药方就可以理解成是一个组件。如果还不能理解，那可以用更具体的案例来说明下；该组件由两种原生控件来组成，输入框和按钮，这样结合就构成账号输入的组件； 再如下图，单独的输入框控件也可以成为一个独立的账号输入组件； 以上两个例子，说明了组件可以由单一或多个的控件类型进行组成。

 如何去定义组件的

构成，其实还需要结合具体的设计需求，上面第一个组件给 摩洛哥号码数据 账号修改增加一个按钮的控件，让用户可以通过按钮清除所有的字段，让用户直接重新输入，通过手动和按钮操作的两种方式去进行账号修改，第二个组件仅支持手动键入进行修改。通过增加了清除的交互方式，组件的构成就会有不一样的设计方式。 二再深入聊下组件 各平台基本都有自己独立的设计体系，有自己定义的组件和组件库，学习组件要了解它分为基础组件和业务高级组件两种类型。

 基础组件是一种底层

组件，例如输入框按钮单选框；其特点是比较 马耳他电话号码列表 独立单一，通用性很强，适应各种业务场景； 业务组件是一个基础组件集合而成的大组件，也可以叫高级组件，是复合型的区块组件，主要是针对解决业务问题； 如下截图是flomo笔记用用的网页版本，以它的首页为例；页面按照左右结构类型区分，可以定义为两个大的业务组件，由浅入深，可以再细分，得到再定义更多的业务组件： 这里，我以发布笔记的组件具体说明下，它是怎么组成来解决业务问题的。