图像样式属性
示例
图像调整模式
图像边框
图像边框圆角
图像着色
参考
属性
backfaceVisibility
此属性定义旋转图像的背面是否可见。
类型 | 默认值 |
---|---|
enum('visible' , 'hidden' ) | 'visible' |
backgroundColor
类型 |
---|
颜色 |
borderBottomLeftRadius
类型 |
---|
数值 |
borderBottomRightRadius
类型 |
---|
数值 |
borderColor
类型 |
---|
颜色 |
borderRadius
类型 |
---|
数值 |
borderTopLeftRadius
类型 |
---|
数值 |
borderTopRightRadius
类型 |
---|
数值 |
borderWidth
类型 |
---|
数值 |
opacity
设置图像的不透明度值。该数值应在 0.0
到 1.0
之间。
类型 | 默认值 |
---|---|
数值 | 1.0 |
overflow
类型 | 默认值 |
---|---|
enum('visible' , 'hidden' ) | 'visible' |
overlayColor
Android
当图像具有圆角时,指定 `overlayColor` 将使圆角处剩余空间填充为纯色。这对于 Android 圆角实现不支持的情况很有用。
- 某些调整大小模式,例如
'contain'
- GIF 动画
使用此属性的典型方式是,对于显示在纯色背景上的图像,将 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
。
类型 |
---|
颜色 |