图片
用于在 UI 中显示图像
通用属性
可配置属性图片如下:

- 图片:设置图片的引用地址
- 源配置:设置绘制源的配置,如下
- 源左边距: 设置绘制图源的起点x坐标
- 源上边距: 设置绘制图源的起点y坐标
- 源高度: 设置绘制图源的高度
- 源宽度: 设置绘制图源的宽度
- 图格:设置图格的绘制方式,这里会把源图根据这里设置的高度和宽度分割成图格列表,唯一码代表列表的索引,将其绘制。如果唯一码设置为不等于-1, 源配置无效
- 唯一码:设置索引
- 高度: 设置图格的高度
- 宽度: 设置图格的宽度
- 模式:设置绘制的拉伸模式
- none: 保持图像原始尺寸进行展示,即不做任何拉伸处理
- fill: 将图像进行缩放以填满所在容器,这是默认的拉伸模式。例如,当容器尺寸和图像原始尺寸不一致时,图像会按照容器大小进行拉伸,可能导致图像的宽高比发生变化。
- uniform: 在缩放图像填充容器的同时,会维持图像的原始宽高比,图像会等比例缩放,确保不会出现变形情况,可能会在容器中出现留白区域。
- extend: 根据图像尺寸来对容器进行缩放适配,与前面几种以容器为参照不同,此模式是以图像为出发点去调整容器大小。
- ninePatch: 采用九宫格技术对图像进行缩放。使用时需要定义sliceLeft、sliceRight、sliceTop和sliceBottom属性,或者在图像的首行、末行、首列、末列存储相关数据,并调用image.populateNinePatchSlicesFromImage = true来读取这些数据。