跳到主要内容
版本:0.81

图片样式属性

示例

图片调整模式

图片边框

图片圆角

图片色调

参考

属性

backfaceVisibility

该属性定义旋转后的图片背面是否应该可见。

类型默认值
enum('visible', 'hidden')'visible'

backgroundColor

类型
颜色

borderBottomLeftRadius

类型
数字

borderBottomRightRadius

类型
数字

borderColor

类型
颜色

borderRadius

类型
数字

borderTopLeftRadius

类型
数字

borderTopRightRadius

类型
数字

borderWidth

类型
数字

opacity

为图片设置不透明度值。数字范围应在 0.01.0 之间。

类型默认值
数字1.0

overflow

类型默认值
enum('visible', 'hidden')'visible'

overlayColor
Android

当图片具有圆角时,指定 overlayColor 会导致角落的剩余空间填充为纯色。这在某些 Android 圆角实现不支持的情况下很有用:

  • 某些调整模式,例如 'contain'
  • animated GIFs

使用此属性的典型方式是将图片显示在纯色背景上,并将 overlayColor 设置为与背景相同的颜色。

有关此工作原理的详细信息,请参阅 Fresco 文档

类型
字符串

resizeMode

确定当框架不匹配原始图片尺寸时如何调整图片大小。默认为 cover

  • cover: 均匀缩放图片(保持图片的纵横比),以便:

    • 图片的两个维度(宽度和高度)将等于或大于视图的相应维度(减去内边距)
    • 缩放后图片的至少一个维度将等于视图的相应维度(减去内边距)
  • contain: 均匀缩放图片(保持图片的纵横比),以便图片的两个维度(宽度和高度)将等于或小于视图的相应维度(减去内边距)。

  • stretch: 独立缩放宽度和高度,这可能会改变源图的纵横比。

  • repeat: 重复图片以覆盖视图的框架。图片将保持其大小和纵横比,除非它大于视图,在这种情况下它将均匀缩小以便包含在视图中。

  • center: 沿两个维度将图片居中于视图中。如果图片大于视图,则均匀缩小以便包含在视图中。

类型默认值
enum('cover', 'contain', 'stretch', 'repeat', 'center')'cover'

objectFit

确定当框架不匹配原始图片尺寸时如何调整图片大小。

类型默认值
enum('cover', 'contain', 'fill', 'scale-down')'cover'

tintColor

将所有非透明像素的颜色更改为 tintColor。

类型
颜色