ArkUI
郭杰 ... 2024-7-28 小于 1 分钟
# ArkUI
- Image
1.Contain:
保持宽高比进行缩小或者放大,使得图片完全显示在显示边界内 。
如果图片尺寸小于容器尺寸,系统会自动放大图片以适应容器边界 。
2.Cover:
保持宽高比进行缩小或者放大,使得图片两边都大于或等于显示边界 。
图片覆盖图层,不会显示背景图片。
3.Auto:
保持宽高比进行缩小或者放大,使得图片宽边与边界匹配 。
图片的宽边与容器的宽边相等。
4.Fill:
不保持宽高比进行放大缩小,使得图片充满显示边界 。
图片会自动填充到容器的大小 。
5.ScaleDown:
保持宽高比显示,图片缩小或者保持不变 。
如果图片尺寸大于容器尺寸,则会自动缩小,效果同“Contain” 。
如果图片尺寸小于或等于容器尺寸,则保持不变,效果同“None” 。
6.None:
保持原有尺寸显示。
图片不会自动调整大小,保持原有比例和尺寸。
这些填充方式可以通过设置Image组件的fit属性来选择和配置。