图像样式属性
示例
图像缩放模式
图像边框
图像边框半径
图像着色
参考
属性
backfaceVisibility
此属性定义旋转图像的背面是否应可见。
| 类型 | 默认 |
|---|---|
枚举('visible', 'hidden') | 'visible' |
backgroundColor
| 类型 |
|---|
| 颜色 |
borderBottomLeftRadius
| 类型 |
|---|
| 数字 |
borderBottomRightRadius
| 类型 |
|---|
| 数字 |
borderColor
| 类型 |
|---|
| 颜色 |
borderRadius
| 类型 |
|---|
| 数字 |
borderTopLeftRadius
| 类型 |
|---|
| 数字 |
borderTopRightRadius
| 类型 |
|---|
| 数字 |
borderWidth
| 类型 |
|---|
| 数字 |
opacity
设置图像的不透明度值。该数字应在 0.0 到 1.0 的范围内。
| 类型 | 默认 |
|---|---|
| 数字 | 1.0 |
overflow
| 类型 | 默认 |
|---|---|
枚举('visible', 'hidden') | 'visible' |
overlayColor Android
当图像具有圆角时，指定 `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。
| 类型 |
|---|
| 颜色 |