图2 视图切换 流式布局与绝对布局的自适应设计 以电脑端为例，分别为您介绍流式布局与绝对布局的自适应设计。 流式布局 流式布局为自适应布局，用于常规Web应用开发，例如电商网站、管理网站等。流式布局为12列栅格布局，可拖动组件右侧边界，按栅格进行组件宽度调整。组件高度将根据组件

查看更多 →

垂直对齐方式选择“终点对齐” 通过对弹性布局属性的不同组合配置，实现用户想要实现的布局效果。例如，将排列方向设置为“行”，水平对齐方式和垂直对齐方式设置成“中间对齐”，实现居中布局的效果，如图12所示。 图12 弹性布局实现居中 自适应布局 自适应布局的特点是分别为不同的屏幕分辨率定义布局，即创建多个静态

查看更多 →

备。 流式布局与绝对布局的自适应设计 以电脑端为例，分别为您介绍流式布局与绝对布局的自适应设计。 流式布局 流式布局为自适应布局，用于常规Web应用开发，例如电商网站、管理网站等。流式布局为12列栅格布局，可拖动组件右侧边界，按栅格进行组件宽度调整。组件高度将根据组件内容进行自适

查看更多 →

面”。 设置高级页面标签和名称，布局类型选择“绝对布局”，单击“添加”。 图1 新建绝对布局类型高级页面 开发绝对布局类型的高级页面。 以开发如下所示高级页面为例，向您介绍绝对布局类型高级页面中组件的布局方法。 图2 绝对布局类型高级页面组件布局示例 如上图所示，示例页面中包含文

查看更多 →

CommodityDisplay 布局类型 选择高级页面的布局模式。 绝对布局：在绝对布局中，每个组件可在页面中任意位置进行拖拽放置，组件的宽高可自定义设置。 流式布局：在流式布局中，拖拽到页面中的组件，将根据从上到下、从左到右的顺序依次排列，组件的高度将根据组件内容大小进行自适应，宽度可按百分比进行配置。

查看更多 →

固定宽度文件输入 概述 “固定宽度文件输入”算子，将文件的每一行，按可配置长度的字符或字节，转换成多个输入字段。 输入与输出 输入：文本文件 输出：多个字段 参数说明 表1 算子参数说明 参数 含义 类型 是否必填 默认值 换行符 用户根据数据实际情况，填写字符串作为换行符。支持任何字符串。默认使用操作系统的换行符。

查看更多 →

行更新配置。 查看布局 在需要查看的布局上，单击“更多 > 详情”，可以查看该布局详情。 下载布局 在需要下载的布局上，单击“更多 > 下载”，可以下载该布局至本地。 删除布局 在需要删除的布局上，单击“更多 > 删除”，可以删除该布局。 说明： 删除后的布局会放入回收站，回收站会保存近60天的删除数据。

查看更多 →

分栏组件会根据分辨率大小自适应，当画布宽度小于992像素，PC会展示为单列模式，此时可以通过调整左侧菜单收缩或者画布分辨率来查看不同的效果。 图4 自定义行布局 布局模式：设置PC或Phone屏幕，每一个分栏的栏布局模式。 流式布局：页面元素的宽度，按照屏幕分辨率进行适配调整，但整体布局不变。

查看更多 →

布局容器 布局容器的主要作用是控制其内部元素的排列和布局，确保界面的整洁有序和响应式设计。 在左侧组件区域，选择“布局容器”组件，并拖拽至设计区域，如图1所示。 图1 拖拽布局容器组件到设计区并设置属性 将组件拖拽至布局容器中，根据需求布局，选中组件可配置对应组件属性。 图2 设计布局

查看更多 →

获取视频的宽度 返回视频宽度。 接口调用 virtual int hilens::VideoCapture::Width() 返回值 视频宽度。 父主题： 视频输入模块

查看更多 →

获取视频的宽度 该接口用于获取视频的宽度。 接口调用 hilens.VideoCapture.width 返回值 视频宽度。 父主题： 视频输入模块

查看更多 →

固定宽度文件输入 概述 “固定宽度文件输入”算子，将文件的每一行，按可配置长度的字符或字节，转换成多个输入字段。 输入与输出 输入：文本文件。 输出：多个字段。 参数说明 表1 算子参数说明 参数 含义 类型 是否必填 默认值 换行符 用户根据数据实际情况，填写字符串作为换行符。

查看更多 →

分栏组件会根据分辨率大小自适应，当画布宽度小于992像素，PC会展示为单列模式，此时可以通过调整左侧菜单收缩或者画布分辨率来查看不同的效果。 图6 自定义行布局 布局模式：设置每一个分栏的布局模式。 流式布局：页面元素的宽度，按照屏幕分辨率进行适配调整，但整体布局不变。 弹性布局：可以简便、

查看更多 →

页面布局管理 查看已有布局模板 查看已有布局 父主题： 安全编排

查看更多 →

进入目标工作空间管理页面 在左侧导航栏选择“安全编排 > 页面布局”，默认进入页面布局管理页面。 图2 进入布局管理页面 在布局管理页面，查看已有布局。 将鼠标悬停在目标布局上，并单击布局右上角，可以进入布局配置详情页面进行查看。 父主题： 页面布局管理

查看更多 →

为了便于搜索高级页面，可以在此处自定义一些关键字。 布局类型 在AstroZero中创建高级页面时，提供了两种布局模式的页面布局供您选择，请按需进行选择。 绝对布局：在绝对布局中，每个组件可在页面中任意位置进行拖拽放置，组件的宽高可自定义设置。绝对布局常用于大屏页面的开发。 流式布局：在流式布局中，拖拽到页面中的

查看更多 →

方法。 设置完成后，单击“确定”。 基本属性 流式布局 容器组件默认弹性布局未开启，处于流式布局的状态，如图5所示。 图5 流式布局 在流式布局中，组件默认为块级（Block）元素，即不论组件宽度是多少，默认占据全部父级元素的宽度。如图6所示，向画布中拖拽一个“容器”组件，再向“

查看更多 →

创建CommodityDisplay高级页面。 首次创建高级页面时，会出现视图选项，请勾选“电脑端”和“手机端”，布局类型选择“流式布局”（流式布局为自适应布局）。 图3 新建CommodityDisplay高级页面 开发CommodityDisplay电脑端和移动端高级页面。

查看更多 →

与管理。 选择自适应模板，网站一端设计，多个终端适配。 图1 多终端自适应版模板市场 海量模板任意选择，背景、功能随意切换，自适应版模板编辑可集中创建页面的图片排版大小，智能地根据用户行为以及使用的设备环境进行相对应的布局。一个网站支持多个终端独立设计，也可自适应多个终端（手机、

查看更多 →

Iframe布局框 Iframe布局框用于在大屏页面的某块区域中呈现页面，组件的页面内容基于 域名 分区域加载，秒级刷新，组件间互不影响，有效提升大屏可视体验。同时，组件间支持故障隔离，有效提升大屏展现可靠性。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“Iframe布局框”组件至画布空白区域，如图1。

查看更多 →

布局属性 操作场景 本文指导您在应用运行态布局属性。 前提条件 已登录应用运行态。 操作步骤 在左侧导航栏中，选择“数据模型管理 > 分类”，进入“分类”页面。 单击需要操作的节点。 在展开的页面，选择“属性布局”页签，并根据实际业务需求，对属性进行布局。 图1 属性布局 表1 属性布局

查看更多 →