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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

正确的方向。 设置自适应方向，带有方向参数的图片会先根据方向参数信息进行自动旋转。具体说明如表1所示。 操作名称：auto-orient 表1 自适应方向说明 参数 取值说明 代码样例 value 取值为0或1。默认值为1。 0：不设置自适应方向。图片将不会进行自动旋转，保持默认方向。

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

首页布局介绍 图1 首页展示 表1 功能介绍 序号 功能模块 说明 1 搜索功能 包括搜索与高级搜索。 搜索：确认搜索对象，如部件、文档、厂家型号等，选择搜索对象的编码、创建者、名称等，按搜索条件进行搜索。 高级搜索：单击“高级搜索”，选择搜索对象，可在搜索界面输入多个搜索条件进行搜索，搜索结果取各搜索条件的交集。

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →