图片

用于在 UI 中显示图像

通用属性

可配置属性图片如下:

property

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

results matching ""

    No results matching ""