我们在使用Image组件的时候,只需要事先搞懂它的属性,使用起来就很方便了(官方指定的全部Image属性,都在这里):
属性名称 |
中文描述 |
取值 |
取值说明 |
使用案例 |
clip_alignment |
图像裁剪对齐方式 |
left |
表示按左对齐裁剪。 |
ohos:clip_alignment="left" |
right |
表示按右对齐裁剪。 |
ohos:clip_alignment="right" |
||
top |
表示按顶部对齐裁剪。 |
ohos:clip_alignment="top" |
||
bottom |
表示按底部对齐裁剪。 |
ohos:clip_alignment="bottom" |
||
center |
表示按居中对齐裁剪。 |
ohos:clip_alignment="center" |
||
image_src |
图像 |
Element类型 |
可直接配置色值,也可引用color资源或引用media/graphic下的图片资源。 |
ohos:image_src="#FFFFFFFF" ohos:image_src="$color:black" ohos:image_src="$media:warning" ohos:image_src="$graphic:graphic_src" |
scale_mode |
图像缩放类型 |
zoom_center |
表示原图按照比例缩放到与Image最窄边一致,并居中显示。 |
ohos:scale_mode="center" |
zoom_start |
表示原图按照比例缩放到与Image最窄边一致, |