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

查看更多 →

在仪表板编辑页面，单击页面右上角“格栅设置”。 在页面设置页面，设置栅格列数、列间距、行间距、页面边距等配置项，参数说明请参见表4。 配置完成后，单击“保存”保存仪表板。 表4 栅格参数说明 参数 说明 栅格列数 设置栅格的列数，支持和来设置列数，也支持输入设置。 列间距 设置栅格的列间距，单位为px，支持和来设置列间距，也支持输入设置。

查看更多 →

设置AstroZero标准页面栅格容器组件属性 栅格容器用于对页面区域按照行列布局划分，先分为多个分栏，每个分栏再分为多栏。 图1 栅格容器 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建

查看更多 →

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

查看更多 →

为AstroZero标准页面添加组件 标准页面组件分类 标准页面组件包括系统预置的基本组件和用户自定义的扩展组件，基本组件具体说明如表1所示。如果需要了解每个基本组件的详细使用说明，请将鼠标悬浮在基本组件上，基本组件右上方会出现问号图标，单击该图标会出现该基本组件的使用说明。 表1 基本组件分类说明 分类

查看更多 →

表单样式布局组件介绍 分段标题 图文展示 文本 分割线 备注 页签 父主题： 表单管理

查看更多 →

单击待编辑应用模块内的“开发应用”，进入设计器。 画布中选中组件，在组件属性设置面板选择“样式”。 在样式面板中设置组件样式。 布局：支持“block-块级布局”、“flex-弹性布局”、“grid-网格布局”、“inline-block-内联块级”、“inline-内联”和“eye-invisible-隐藏”六种形式，请按需选择。

查看更多 →

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

查看更多 →

。 基本组件分类说明 组件包括平台预置基本组件、用户自定义的扩展组件，基本组件具体说明如表2所示。若需要了解每个基本组件的详细使用说明，请将鼠标悬浮在基本组件上，基本组件右上会出现问号图标，单击该图标会出现该基本组件的使用说明。 表2 基本组件分类说明 分类 说明 布局 用于控制

查看更多 →

栅格数据处理 打开 SuperMap iDesktop 图1 打开 在数据的数据处理选项卡下面选择重分级，选择源数据，设置参数 图2 设置参数 执行完成后在数据源下面新生成数据集result_reclass 图3 新生成数据集 在数据的数据处理选项卡下面选择重采样，选择源数据，设置参数采样模式

查看更多 →

意选择栅格容器中的某个子组件，当选中子组件后，“组件导航”上可以显示子组件“多行输入框”之前的组件层级，在“组件导航”上，直接单击“栅格容器”，即可快速选中该栅格容器。 图1 选择目标组件 方式二：使用“组件树”，选中目的组件 选中某个组件后，可以展开组件树，可以根据组件名，快速选中目的组件。

查看更多 →

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

查看更多 →

在标准页面设计界面，从“基本组件 > 布局”中，拖拽“列表视图”组件至页面工作区域，如图1。 图1 列表视图 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。 图2 查看组件说明 属性 数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。

查看更多 →

矢量、栅格、模型文件导入 打开 SuperMap iDesktop 图1 打开 创建PostgreSQL数据源 图2 创建 打开文件型数据源 图3 打开 右键复制数据集按钮，选中栅格、影像、矢量、模型数据集 图4 复制 选择PostgreSQL数据源，单击复制按钮 图5 选择 打开PostgreSQL数据源，浏览地图

查看更多 →

表示瓦片从顶部开始，"y": 10 表示瓦片从第 10 栅格开始。 瓦片的宽度（单位：栅格）。例如，"w": 12 表示瓦片宽度占 12 个栅格。 瓦片的高度（单位：栅格）。例如，"h": 10 表示瓦片高度占 10 个栅格。 瓦片的唯一标识符，用于区分不同瓦片。 code: 瓦

查看更多 →

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

查看更多 →

到控制内容布局的效果。 流式布局 容器组件默认弹性布局未开启，处于流式布局的状态，如图1所示。 图1 流式布局 在流式布局中，组件默认为块级（Block）元素，即不论组件宽度是多少，默认占据全部父级元素的宽度。如图2所示，向画布中拖拽一个“容器”组件，再向“容器”组件中拖入两个“

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

图2 部署架构 方案优势 全域全要素全过程表达：支持二三维点线面、二三维网络、三维体（边界表示、参数化表达）、TIM/TIN/Grid/Voxel Grid等二三维一体化数模型，并支持自研Webgl、Cesium、VR/AR/MR、高真实渲染等交互与输出。 多源数据融合：支持统一接

查看更多 →