检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
运行态界面布局 使用说明 在配置完整个BPM图元及流程后，还可以根据需要选择性的配置BPM运行态界面布局。 操作步骤 参考登录经典应用设计器中操作，登录经典版应用设计器。 将鼠标放在某个文件夹上，单击加号，选择“BPM”，去创建一个BPM。 图1 创建一个BPM 在BPM开发设计
设置AstroZero工作流运行态界面布局 在配置完整个工作流图元及流程后，还可以根据需要选择性的配置工作流在运行态的界面布局。 设置运行态界面布局 参考登录AstroZero新版应用设计器中操作，登录应用设计器。 在左侧导航栏中，选择“流程”，单击某个工作流，进入工作流编辑页面。
垂直对齐方式选择“终点对齐” 通过对弹性布局属性的不同组合配置，实现用户想要实现的布局效果。例如，将排列方向设置为“行”，水平对齐方式和垂直对齐方式设置成“中间对齐”，实现居中布局的效果，如图12所示。 图12 弹性布局实现居中 自适应布局 自适应布局的特点是分别为不同的屏幕分辨率定义布局，即创建多个静态
布局”，单击“添加”。 图1 新建绝对布局类型高级页面 开发绝对布局类型的高级页面。 以开发如下所示高级页面为例，向您介绍绝对布局类型高级页面中组件的布局方法。 图2 绝对布局类型高级页面组件布局示例 如上图所示，示例页面中包含文本编辑、基本柱图和多区域折线图三个组件。 在高级页面右上方，单击，设置背景图片。
在“布局与颜色”页签，设置应用布局样式。 主题颜色：系统预置的主题颜色。 图标：设置应用的Logo，如更改Logo图片、设置圆形图标和隐藏文字。将鼠标放在“图标”下的图片上，选择“更改”，可更改应用Logo。 布局：选择“布局”中的样式，在右侧区域设置布局参数，如菜单、子菜单、页签、应用标题的字体及颜色等。
如何配置应用布局 使用说明 应用布局是应用界面的框架，本章节介绍如何在管理中心修改应用框架的样式和颜色。 操作步骤 参考登录管理中心中操作，登录AstroZero管理中心。 在左侧导航栏中，选择“应用管理 > 应用导航”，单击应用后的。 设置应用布局样式。 图1 设置应用布局 主题颜色：系统预置了很多主题供您选择。
如何刷新AstroZero对象的页面布局？ 场景描述 对象的标准页面提供了Button元素，可以通过定义Button来配置执行脚本，通过脚本刷新页面。 解决方法 参考什么是对象中操作，进入对象配置页面。 图1 进入对象配置页面 在标准页面，单击，获取锁。 从组件中，拖拽“按钮”组
在应用配置页面，选择应用所在的类别（例如App），单击具体的应用。 在左侧导航栏中，选择“应用布局”。 只有App和Addon类型的应用，才会显示“应用布局”和“菜单配置”。 在应用布局页面，设置应用布局的样式。 图1 设置应用布局样式 主题颜色：设置应用的主题颜色，系统预置了很多主题供您选择。 图标：
图6 流式布局中组件为块级元素 流式布局中，组件由上至下依次排布，可以通过“水平对齐方式”对容器内组件进行水平位置调整，如图7、图8所示。 图7 居中水平对齐 图8 靠右水平对齐 弹性布局 将“容器”组件属性面板中的“弹性布局”开启后，布局由流式布局切换到弹性布局。在弹性布局的属性配
平台内部的规则是“/besBaas/page#/页面名称”。对象的布局页面也是通过标准页面实现的，所以可以通过查看对象的布局页面，了解标准页面URL的定义规则。具体步骤如下： 进入对象详情页面，选择“布局”。 图1 对象的布局页面 在对象列表中，单击对应对象后的查看图标。 图2 查看对象
在使用路由导航和路由视图组件时，该组件的页面和路由导航关联的页面布局类型必须为“流式布局”（即响应式布局，该布局下的Widget位置会随着Widget本身大小和页面大小自动调整）。在页面中，使用路由导航和路由视图组件的方法如下： 已开发好布局类型为“流式布局”的高级页面。 请参考创建AstroZero
单击查看“Navigator”页面效果，如图10所示，查看到嵌套路由，符合预期。 自定义布局样式 如果导航页面，想实现如下图所示布局效果，即整个页面不需要有滚动条，而其中导航组件区域和全局路由视图组件区域可随滚动条滚动时，可参考如下步骤实现。 图13 自定义布局样式页面效果 在头部组件的“.css”样式文件中，指定头部组件的高度。
划线组成，且不能以下划线结尾。 CommodityDisplay 布局类型 选择高级页面的布局模式。 绝对布局：在绝对布局中，每个组件可在页面中任意位置进行拖拽放置，组件的宽高可自定义设置。 流式布局：在流式布局中，拖拽到页面中的组件，将根据从上到下、从左到右的顺序依次排列，组件
分别进行设计与开发。 图2 视图切换 流式布局与绝对布局的自适应设计 以电脑端为例，分别为您介绍流式布局与绝对布局的自适应设计。 流式布局 流式布局为自适应布局，用于常规Web应用开发，例如电商网站、管理网站等。流式布局为12列栅格布局，可拖动组件右侧边界，按栅格进行组件宽度调整
如果之前创建过统计页面，需要重新编辑，则单击已有统计页面后的。 配置统计页面。 在页面左上角，设置统计页面名称。 在页面上方，单击“选择布局”后的箭头图标，选择页面布局。 选择终端视图类型，支持电脑端和移动端。 参考统计页面组件介绍，从左侧选择合适的组件类型拖入到中间区域，并设置组件属性。
页面创建后，自动进入标准页面开发界面，您可以阅读以下内容初步了解标准页面。 图1 标准页面开发界面 标准页面开发界面由四部分组成，分别是：左侧组件区域、上方按钮区域、中间工作区域和右侧可配置页面元素区域，具体功能说明如下表所示。 表1 界面布局说明 分类 功能说明 按钮区域 页
实现投票 使用说明 在实现会签章节中，通过将结果触发方式选择为“等待所有投票完成触发投票结果”实现了会签功能，本节将介绍如何通过用户任务实现投票功能。 操作步骤 需要先将操作投票任务的用户加入到一个工作队列或公共组中。 参考如何进入经典开发环境中操作，进入经典版应用开发页面。 在
下一个任务。 通过并行审批，可以快速的实现会签功能。可以将结果触发方式选择为“等待所有投票完成触发投票结果”，在这种投票触发方式下，将需要所有被分配了当前任务的用户完成相应的任务后才能推动工作流流程，即实现了会签功能。 父主题： 深入了解用户任务
或者画布分辨率来查看不同的效果。 图6 自定义行布局 布局模式：设置每一个分栏的布局模式。 流式布局：页面元素的宽度，按照屏幕分辨率进行适配调整，但整体布局不变。 弹性布局：可以简便、完整、响应式的实现各种页面布局，选择“弹性布局”时还可以设置垂直对齐方式、水平排列方式以及分栏间隔。
开发者开发完应用后，支持修改应用导航框架的布局、元素和样式，来提升用户体验、增强应用的可用性和美观等。 设置应用的外观 参考登录AstroZero新版应用设计器中操作，登录应用设计器。 在左侧导航栏中，选择“设置”，进入应用设置页面。 图1 选择设置 在外观设置中，设置应用布局样式。 桌面端：设置应用在PC端显示的样式。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
