图片组件也是一种输出型组件。图片可以缩放和按照九宫格（scale-9）的格式缩放。用户可以还维护和管理所有已经导入的图片资源。此组件除了本身的属性之外，没有过多的交互功能。大多数时候用来做装饰作用，可以作为整体的背景图，也可以是某个组件的背景，或者小图做修饰用。本文主要介绍如何创建图片，以及如何定义属性。
添加图片
- 在编辑报告-右侧面板中拖拽图片组件到仪表盘编辑区。
- 单击右侧面板“常规”页签，选择“选择图片”，打开图片对话框。
- 您可以在图片列表选择需要的图片，也可以通过“导入图片”，将本地图片导入到系统中，进行使用。
说明：
- 导入的图片将出现在图片列表，并储存在 bihome\image 目录中。如手动在 bihome\image 文件夹中添加图片，需要重新启动本产品才能在图片列表中显示出该图片。
- 在图片列表中，可以通过右上侧的新建按钮在根目录创建文件夹，通过图片右侧的更多按钮进行重命名、删除、复制的操作，也可以对文件夹右侧的更多按钮进行重命名、新建文件夹、复制和删除的操作，同时也可以通过拖拽改变资源所在的文件夹。
设置图片属性
选中图片组件后，在右侧面板选中常规，如下图所示：
图片的通用属性与表组件的相似，详细介绍见 设置表格。下面详细介绍图片的特有属性。
设置展示方式
【原图】在图片组件中显示原图，原图较小时居中展示，原图较大时只显示图片左上部分。
【填充】在图片组件中显示完整的图片，图片会被完整的填充或缩小填满整个图片组件。
【缩放】在图片组件中显示完整的图片，图片会按照原图长宽等比例放大或缩小，使图片在图片组件区域中的某一边填满。当去勾选居中后，图片会向左和向上对齐。
【九宫格缩放】缩放图片要被拉伸，但为了不让图片的四个角改变，通过下图方式进行切割，把图分成9个部分，1、2号线进行横向拉伸，3、4号线进行纵向拉伸，中间的方格即被整体拉伸。这样可以保证一个圆角图片被拉伸后还是一个圆角的图片。
起始点是图片的左上角顶点，如果图片不是充满的，即有透明空间，起始点不是从有图片的位置开始，而是图片的绝对顶点。
- 顶部：是指起始点到1号线的垂直距离。
- 左：是指起始点到3号线的水平距离。
- 右：是指起始点到4号线的水平距离。
- 底部：是指起始点到2号线的垂直距离。
说明：
顶部的值不能大于底部，左边的值不能大于右边。输入合法值后，图片预览区会显示图片被缩放后的展示结果。
设置展示样式
【图片】只显示选择的图片。
【按钮】会给选择的图片加一个灰色的背景显示，如下图所示：
设置叠放层次
叠放层次分为到顶部和到底部。当存在组件的重叠现象时，使用此功能可以调整组件的显示顺序。例如：下面的报告中，文本框被表格组件遮挡，需要通过叠放层次的设置，把文本框放在报告的最顶层。
- 选中需要设置层次的组件，例如文本组件。
- 单击更多，选择【叠放层次】>【到顶部】。
- 文本组件出现在表格上层，如图所示。
