图像样式属性
示例
图像缩放模式
图像边框
图像边框半径
图像色调
参考
属性
backfaceVisibility
此属性定义旋转图像的背面是否可见。
类型 | 默认 |
---|---|
枚举('visible' , 'hidden' ) | 'visible' |
backgroundColor
类型 |
---|
颜色 |
borderBottomLeftRadius
类型 |
---|
数字 |
borderBottomRightRadius
类型 |
---|
数字 |
borderColor
类型 |
---|
颜色 |
borderRadius
类型 |
---|
数字 |
borderTopLeftRadius
类型 |
---|
数字 |
borderTopRightRadius
类型 |
---|
数字 |
borderWidth
类型 |
---|
数字 |
opacity
设置图像的不透明度值。该数字应在 0.0
到 1.0
的范围内。
类型 | 默认 |
---|---|
数字 | 1.0 |
overflow
类型 | 默认 |
---|---|
枚举('visible' , 'hidden' ) | 'visible' |
overlayColor
安卓
当图像具有圆角时,指定 overlayColor 将导致圆角中剩余的空间被纯色填充。这对于 Android 圆角实现不支持的情况很有用。
- 某些缩放模式,例如
'contain'
- 动态 GIF
使用此属性的典型方法是将图像显示在纯色背景上,并将 overlayColor
设置为与背景相同的颜色。
有关其内部工作原理的详细信息,请参阅 Fresco 文档。
类型 |
---|
字符串 |
resizeMode
确定当框架与原始图像尺寸不匹配时如何调整图像大小。默认为 cover
。
-
cover
: 统一缩放图像(保持图像的纵横比),以便- 图像的两个尺寸(宽度和高度)将等于或大于视图的相应尺寸(减去填充)
- 缩放图像的至少一个尺寸将等于视图的相应尺寸(减去填充)
-
contain
: 统一缩放图像(保持图像的纵横比),使图像的两个尺寸(宽度和高度)都小于或等于视图的相应尺寸(减去填充)。 -
stretch
: 独立缩放宽度和高度。这可能会改变源的纵横比。 -
repeat
: 重复图像以覆盖视图的框架。图像将保持其大小和纵横比,除非它大于视图,在这种情况下,它将被均匀缩小,以便它包含在视图中。 -
center
: 沿两个维度将图像居中于视图中。如果图像大于视图,则将其均匀缩小,使其包含在视图中。
类型 | 默认 |
---|---|
枚举('cover' , 'contain' , 'stretch' , 'repeat' , 'center' ) | 'cover' |
objectFit
确定当帧与原始图像尺寸不匹配时如何调整图像大小。
类型 | 默认 |
---|---|
枚举('cover' , 'contain' , 'fill' , 'scale-down' ) | 'cover' |
tintColor
将所有非透明像素的颜色更改为 tintColor。
类型 |
---|
颜色 |