检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图片 图片组件用于在页面展示图片。 在表单开发页面，从“通用组件”中，拖拽“图片”组件至表单设计区域，如图1。 图1 图片 显示名称：设置图片显示名称，默认隐藏显示名称。 选择图片：单击“上传图片”，上传需要展示的图片。 点击放大预览：勾选后，可放大预览图片。
图片 图片作为一个基本组件，用于展示图片，用户可以通过“图片地址”属性，来选择图片。图片可以从本地上传，也可以来自服务器上的图片库。 在标准页面设计界面，从“基本组件 > 基本”中，拖拽“图片”组件至页面工作区域，如图1。
图片 图片是媒体组件的一种，用于直接展示需要呈现的图片数据。 在高级页面设计器中，单击，从“媒体 > 通用”中，拖拽“图片”组件到画布中，如图1所示。 图1 图片 属性 在属性中，设置图片组件的位置、边框、连接器等。 图2 属性 基础 组件标题：设置组件的标题。
在AstroZero标准页面的表格中显示图片 期望实现效果 在标准页面中，通过自定义列的显示类型，可以将图片显示在表格中。在表格中显示图片可增强信息的表达效果，信息更直观、生动和易于理解。 图1 实现效果 功能实现方法 创建对象“urlList”，并为对象添加字段。
在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转 期望实现效果 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接，即单击图片，跳转到指定的网站。
通过AstroZero中的连接器上传并识别身份证图片 期望实现效果 AstroZero封装了不同类型的连接器用于对接其他服务，对接后即可在应用中使用该服务。例如，通过连接器对接OCR后，可识别某用户上传到华为OBS上的身份证图片的全部信息。
设置AstroZero标准页面图片组件属性 图片作为一个基本组件，用于展示图片，用户可以通过“图片地址”属性，来选择图片。图片可以从本地上传，也可以来自服务器上的图片库。
单击“上传图片”，可上传图片，支持上传JPG、JPEG、PNG和GIF格式的图片，每张图片不超过1MB，推荐图片尺寸为800x800像素。在“网络图片”页签中，可以通过输入图片的地址，来获取图片。 选择“填充”表示图片不保证保持原有比例，图片拉伸填满整个容器。
“选择类型”配置为“图片URL”或“图片文件”，输入图片URL或选择身份证图片，单击“测试”。 图3 配置身份证 提示如下信息，表明成功识别身份证信息。 图4 测试成功 在脚本中调用连接器 在脚本中，调用连接器实现与OCR的对接。
通过在线编辑器完善组件。 测试结果基本满足预期，但是由于图片尺寸不同，有些图片未能完全展示，还需优化。本例中向您介绍AstroZero平台提供的，在线组件开发工具。 单击组件详情页中的“编辑”，在跳转到的“组件编辑”页面进行组件代码开发，完成后单击“发布”，即可完成组件更新。
“选择类型”配置为“图片URL”或“图片文件”，输入图片URL或选择身份证图片，单击“测试”。 图3 配置身份证 提示如下信息，表明成功识别身份证信息。 图4 测试成功 在脚本中调用连接器 在脚本中，调用连接器实现与OCR的对接。
将图片放到DisplayWidget目录中即可正常使用。
在上传背景图中，单击待自定义图片后的，可自定义背景图片。 图4 上传背景图片 单击右侧图片上的预览，可预览设置效果。 图5 预览设置效果 预览效果符合预期后，单击“保存”。 自定义菜单 参考登录管理中心中操作，登录AstroZero运行环境管理中心。
图标：设置应用的Logo，如更改Logo图片、设置圆形图标和隐藏文字。将鼠标放在“图标”下的图片上，选择“更改”，可更改应用Logo。 布局：选择“布局”中的样式，在右侧区域设置布局参数，如菜单、子菜单、页签、应用标题的字体及颜色等。
图片管理：对图片进行管理，并支持为图片配置跳转链接。 单击“添加”，在“选择图片/视频”页面，单击目录后的和，可管理图片目录。单击“上传图片/视频”，可上传图片。 选中图片，单击，可删除图片。 单击，可编辑图片跳转链接。 数据 在数据中，设置组件的数据来源。
图片管理：对图片进行管理，并支持为图片配置跳转链接。 单击“添加”，在“我的图片”页签中，将鼠标放在目录上，单击可新建目录，单击可删除该目录。单击“上传图片”，可上传图片，支持上传JPG、JPEG、PNG和GIF格式的图片，每张图片不超过1MB，推荐图片尺寸为800x800像素。
图标：鼠标放在“图标”下的图片上，选择“更改”，上传新图片，可更改应用Logo，同时支持设置圆形图标和隐藏文字。
图片链接：背景图片URL。 颜色：设置背景的颜色。 高级设置 选中基本折线图组件，单击鼠标右键选择“高级设置”，可对折线图进行多种配置。 图3 基本折线图效果图 参考配色模板：系统提供了三种可选基本折线图模板，单击即可切换样式。
在ModelArts管理控制台左侧菜单栏中，选择“部署上线 > 在线服务”，进入在线服务管理页面。 单击目标服务名称，进入服务详情页面。 查看服务ID值。 弹出“成功”提示框，说明成功识别花卉图片，测试成功。
单击，可在新窗口打开该应用，分享二维码图片给其他WeLink用户可供扫码访问应用。 图3 分享应用 父主题： 管理零码应用
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
