检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
选项卡 选项卡是导航组件的一种,用于快速在页面某区域中切换不同内容,显示为其关联内容上方的单行元素。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“选项卡”组件至画布空白区域,如图1。 图1 选项卡 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡
图层管理 视图切换 组件图层位置移动 筛选组件
全屏 全屏是基础交互组件的一种,能够灵活的在全屏和小屏中进行切换。 在大屏设计页面,从“全部组件 > 其它”中,拖拽“全屏”组件至画布空白区域,如图1。 图1 全屏 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number 计数器 slider 滑块 切换类型 tab 切换 switch 开关 radio 单选 checkbox 多选 颜色类型 colorpicker 颜色选择器 时间日期类型 time
发器和响应器,根据用户所定义的事件不同,可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中,添加多个组件,使用tab来切换不同tab页签下需要呈现的组件为例,向您介绍如何设置组件间的交互能力。 组件间交互 参考使用空白画布新建页面中操作,新建一个空白页面。 在大屏开发页面,从“全部组件
购买的实例中单击“操作 > 页面扩容”。 图1 单击页面扩容 设置扩容页面的个数,单击“去支付”。 图2 页面扩容 选择支付方式,单击“去在线支付”,完成订单支付。 订单支付成功后,单击“返回Astro轻应用控制台”。 在华为云Astro大屏应用已购买的实例中,可查看到扩容的页面数量。
通过预置交互事件+交互动作,零代码实现丰富组件交付场景,同时开放自定义扩展组件交互事件动作能力,满足复杂的页面交互。 特性优势 切换更加流畅:多样可视化,灵活切换。 效果更加炫酷:数据流动,清晰展现。 交互更加丰富:常见交互零码轻松实现,特殊交互两步自由定制。 多屏协同配合,打造多屏一致性体验
边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 自定义属性列表:路由视图自定义属性设置,如导航切换时重新加载视图、导航切换时滚动到最上。 路由配置 在路由配置中,选择一个已发布的页面查看其在画布中的效果。 图4 路由配置 交互 在交互中,设置路由视
入页面虚拟为不同域名时,可以提高整个页面的加载速度。 图4 Iframe布局框配置 页面切换 当有多个页面需要轮播展示时,可打开该开关。开启后,可配置单个页面的展示时长。 页面编辑 单击切换页面后的,新增该组件区域展示的页面,支持选取项目内的其他大屏页面和外部页面。 交互 在交互
租户管理员参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 将鼠标放在页面右上方的“默认团队空间”上,选择新建工作空间中创建的工作空间,切换到目标工作空间。 在目标工作空间中,单击页面数量下方的“调整配额”。 图1 选择调整配额 输入页面配额,单击“确定”。 例如,输入页面数为
将鼠标放在对应的组件上,单击,可查看到新版本的组件(如1.0.1)。 图9 查看组件版本 :单击该图标,可下载当前版本组件。 :单击该图标,可在线编辑该版本组件。 编辑组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“我的资产”。
页面扩容包计费规则,请参见计费项。 图1 购买实例(基础版) 图2 购买实例(专业版) 图3 购买实例(企业版) 选择支付方式,单击“去在线支付”,完成订单支付。 图4 确认付款 订单支付成功后,单击“返回Astro轻应用控制台”。 在Astro大屏应用控制台中,可以查看华为云
OpenLayers地图配置 地图基本配置 地图链接:输入地图的链接。 切片大小:设置地图瓦片(Tile)的尺寸。 坐标系投影方式:将地理坐标系转换为平面坐标系的过程和方法,直接在下拉框中选择或者手工输入。 范围:地图底图所覆盖的地理范围。 单位:根据选择的坐标系投影方式自动关联,不可配置。
图5 设置桥接器信息 将鼠标放在对应的桥接器上,单击,可查看到桥接器的新版本。 :单击该图标,可下载当前版本桥接器。 :单击该图标,可在线编辑该版本桥接器。 编辑桥接器 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“我的资产”。
使用页面模板文件新建页面:将已开发的页面保存为模板,再次创建页面时可使用该页面模板文件,创建可视化页面,减少重复开发,提高交付效率。 发布及安装项目 项目开发完成后,可以在线预览,也可以一键打包从A环境发布、B环境安装,实现开发 > 测试 > 上线的快速部署,从而实现不同环境之间大屏&PC端、移动端资产的快速迁移。
置相关权限,并且该权限仅对此项目生效。如果在“所有项目”中设置权限,则该权限在所有区域项目中都生效。访问华为云Astro大屏应用时,需要先切换至授权区域。 根据授权精细程度分为角色和策略。 角色:IAM最初提供的一种根据用户的工作职能,定义权限的粗粒度授权机制。该机制以服务为粒度
左边距:进度条到组件边框左侧的距离。 配置 在配置中,设置组件的模板、是否显示标题等。 图5 进度条配置 参考模板:系统预置的进度条模板,单击默认或参考配色模板可进行切换。 组件标题 设置标题:是否显示组件标题。 内容:设置标题内容。 标题离容器上边距:标题距离组件上方的距离。 标题离容器左边距:标题距离组件左边的距离。