四.通过本节，了解如何在iVX开发中使用核心—— iVX组件。 iVX组件是开发APP应用程序所需的对象，通过这些对象可以快速完成APP应用程序的开发。
在ivx APP应用程序开发中，所有交互组件、动画和数据都必须基于组件并在组件之间组织。 举例来说，图像组件可容纳图像素材，而语音组件可容纳声音素材。
文章目录4、基础可视组件4.1添加页面4.2行添加4.3列添加4.4文本添加4.5按钮添加4.6图像添加4.7输入框添加
4.1添加页面
在WebApp中，页面用作所有可视组件的容器。 也就是说，必须创建包含其他可视容器的页面。 可以向一个WebApp中添加多个页面，然后在这些不同的页面之间跳转。
可以将页面添加到父对象(如前端、容器和对象组)下。 不能添加到行、列、横幅、面板和图层等对象下。 添加组件时，必须单击父容器，然后单击组件栏中的组件进行添加。 新添加的组件会自动对组件名称进行排序。
添加页面时，页面的大小由相应的父容器决定。 在上面的gif图演示中，前台是该页的父容器。
4.2添加行是页面布局的重要元素，其内部元素排列方式与对齐方式相同，可以使用行并排显示元素的内容。 行是包含其他组件对象(如图像、文本和视频)的容器。
在绝对和相对环境中，添加组件的方式略有不同。 在绝对环境中选择页面，然后单击行组件，鼠标光标将切换到绘制模式，需要用鼠标绘制该组件的大小； 在相对环境中，选择页面作为父对象，然后直接单击行元素时，该元素会自动添加到父对象中。 在这种情况下，行的宽度是父对象的最大宽度，即宽度100%，高度具有默认值。
以下示例说明如何将行添加到web APP应用程序中。
以下示例说明如何将行添加到相对位置web APP应用程序中：
4.3列添加列是页面布局的重要元素，其内部元素相对排列。 使用列可以垂直显示元素的内容，并与行一样用于包围其他组件对象，如照片、文本和视频。
以下示例说明如何将列添加到web APP应用程序中。
以下示例说明如何将列添加到相对位置web APP应用程序中：
4.4“添加文本”文本组件用于插入要在其中记录和显示文本的文本对象。 文本组件可以包含在行和列容器中，并且行和列位置控制允许文本跟随行和列显示。
以下示例说明如何将文本组件添加到web APP应用程序中。
以下示例说明如何将文本组件添加到相对位置web APP应用程序中：
4.5按钮添加按钮组件通常用于与用户交互，如在用户输入信息后登录或提交某些信息。
以下示例说明如何将按钮组件添加到绝对位置web APP应用程序中：
以下示例说明如何将按钮组件添加到相对位置web APP应用程序中。
4.6图像在图像显示中添加了图像组件，以支持jpg、jpeg、png和gif格式的图像素材。 图像组件可以是本地图像或web图像。
以下示例说明如何将图像组件添加到绝对位置web APP应用程序中：
以下示例说明如何将图像组件添加到相对位置web APP应用程序中。
4.7文字输入容器，可让输入方块使用者新增输入方块组件以与APP应用程式传递资讯。 例如，需要用户在帐户登录页面上输入的帐户文本和密码文本。
以下示例说明如何将输入框组件添加到绝对位置web APP应用程序中：
以下示例说明如何将输入框组件添加到相对位置web APP应用程序中：