样式区域-元件样式（中继器）

中继器新特性

在Axuer 10中，中继器彻底进行了简单化的改版，

• 可以将普通元件或元件组一键转换成中继器（需选中后鼠标右键选择转换为中继器）。

• 数据与对应的中继器内部元件编辑可以进行选择绑定，之前的版本中只能通过手动添加交互事件进行绑定。

• 数据的筛选交互更加的简单，尤其是对于模糊查询的数据字段中。

• 外部数据支持一键导入（需CSV格式）。

数据说明

数据是中继器的核心之一，数据决定了最终效果展示什么。

数据设置

不存在数据

如果不存在数据，中继器会根据中继器原始内容，重复显示。

存在数据，进行数据绑定

如果存在数据，没有进行交互设置。中继器也会根据中继器原始内容，重复显示。

存在数据，设定数据绑定

展示设置数据的内容。

数据类型

文本

中继器默认数据类型为文本，可以加根据需要填入。

引用页面（对应数据栏进行右键菜单）

引用原型中某个页面作为数据。

• 技巧：可以结合交互事件，直达某个页面。

导入图片

导入本地图片，存在在数据栏。本质是将图片地址转换为数据，方便引用。

说明：图片需要展示，需结合图片元件进行展示。（将图片设置为中继器中的值）。

导入csv格式数据

中继器可以支持表格外部数据的导入，导入需注意表格内容的格式。

样式说明

名称、位置、圆角

名称

设置对应的中继器名称。

位置

只能调整中继器的位置，不能调整中继器的大小。

注：中继器的大小取决于内部内容的大小位置排列，通常情况下中继器会进行自适应调整对应大小。

圆角

只对中继器层级的圆角控制，若中继器中的内容对圆角部分有遮盖，将在预览时无法展示对应圆角。

FiLL（填充颜色）

中继器整体有效范围的背景颜色的设置。

注：

• 颜色在最底层，有背景的中继器内部内容会遮挡背景颜色。

• 在预览时，有效范围颜色无遮挡会展示。

• 在设置了对应的边距，边距设置的区间会展示当前填充颜色。

边框（描边）

中继器整体边框颜色的设置。边框支持颜色、大小、样式等设置。设置与矩形相同。

注：若中继器内部内容超出或覆盖边框，边框颜色同样也会被遮挡。

边距

设置中继器四周的边界区域

L：左边界、T：上边界、R：右边界、B：下边界

布局

垂直

全部垂直展示。

横向

全部水平展示。

行间距

行的间距，即上下间距。

列间距

列的间距，即左右间距。

换行（网格布局）

全部网格布局，形式受水平和垂直影响。

设置为垂直的网格布局，需设置每列几条数据。

设置为水平的网格布局，需设置每行几条数据。

背景

单色背景

设置对应的中继器可编辑区域的背景颜色。

• 颜色在最底层，有背景的中继器内部内容会遮挡背景颜色。

交替背景

选中交替背景后，中继器中会换行展示不同的背景颜色（不同行颜色需进行设置颜色色值）。

• 颜色在最底层，有背景的中继器内部内容会遮挡背景颜色。

分页

分页可设置对应的一页展示多少条数据与当前默认处于第几页。

注：分页功能主要用于多数据的展示，可以通过交互函数，进行切换不同页面数据。