检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
预置桥接器 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击组件上方的。 图1 单击数据 在数据类型中,选择“桥接器预置”,并选中所需的桥接器。 设置桥接器预置数据。
组件交互 组件自定义事件实现 组件响应动作实现 父主题: 自定义组件开发规范
图1 多数据流1 图2 多数据流2 创建页面数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选择“数据”,单击“+”。 输入页面数据集的名称,单击“确定”。
新建空白页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击已创建项目的名称,进入对应的项目页面。 在项目页面,单击“新建页面”。 在新建页面中,单击“新建空白页面”。 输入页面标题,单击“新建”。
多趋势 多趋势用于显示数据变化的多个趋势值。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“多趋势”组件至画布空白区域,如图1。 图1 多趋势 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成
时间展示 时间展示是文本组件的一种,可展示包含年月日、时分秒的全量时间,并可设置显示对应星期值。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“时间展示”组件至画布空白区域,如图1。 图1 时间展示 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素
创建移动端项目 在华为云Astro大屏应用中创建页面前,需要先创建一个项目。项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面。 创建项目 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在“项目列表”中,单击“新建项目”。
轮播页面 轮播页面是指通过页面轮播的方式,来实现页面广告的展示。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“轮播页面”组件至画布空白区域,如图1。 图1 轮播页面 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景
日历组件 日历组件是文本组件的一种,用于展示日历,用户可在具体日期上记录待办事项或者重要内容。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“日历组件”组件至画布空白区域,如图1。 图1 日历组件 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素
翻牌器 翻牌器是文本组件的一种,通过设置翻盘动画效果,来动态展示数据的变化过程。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“翻牌器”组件至画布空白区域,如图1。 图1 翻牌器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题
搜索框 搜索框是文本组件的一种,用于搜索内容。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“搜索框”组件至画布空白区域,如图1。 图1 搜索框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成
步骤条 步骤条是装饰组件的一种,用于引导用户按照流程完成任务的导航条。 在大屏设计页面,从“全部组件 > 其它”中,拖拽“步骤条”组件至画布空白区域,如图1。 图1 步骤条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景
背景框 背景框是装饰组件的一种,包括大标题背景、小标题背景、页面背景和内容背景。可根据不同的设计需求,选择不同的背景框,以增加视觉效果。 以自定义背景框为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“自定义背景框”组件至画布空白区域,如图1。 图1 自定义背景框 卡片 卡片是指包裹图表组件的外层架构
修改项目名称 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,将鼠标放在对应的项目上,单击。 根据实际需求,修改项目的名称。 项目名称的长度为1~64个字符,可包括中文、字母、数字及下划线,但不能以下划线开头或结尾。
地图中心:设置地图中心的设置类型,支持自定义和行政区。 行政区编码:设置行政区或行政区对应的编码,如何下载行政区编码,请参见Web服务 API 相关下载。“地图中心”设置为“行政区”时,才显示该配置。 地图中心经度:设置地图中心点的经度。
装饰图案 装饰图案是装饰组件的一种,用于为可视化应用添加多种类型的图案元素,能够使可视化应用展示更加美观。 在大屏设计页面,从“全部组件 > 装饰”中,拖拽“装饰图案2”组件至画布空白区域,如图1。
代码结构介绍 了解代码目录结构 目录文件详解 父主题: 自定义组件开发规范
跨页面复制组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中一个或多个组件,单击右键,选择“复制到”,并选择组件待复制到的页面。 图1 复制组件到其他页面 您也可以在“图层”中,选中一个或多个组件,单击“复制到”。
健康检查设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。 参考设置项目锁中操作,获取项目锁。
复制并粘贴组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击右键,选择“复制并粘贴”。 图1 复制并粘贴组件 您也可以在“图层”中,将鼠标悬浮在组件上,单击“复制并粘贴”。