HarmonyOS 鸿蒙里，图片位移后超过了容器尺寸，但是还想让图片完全显示该用什么？

HarmonyOS 鸿蒙里，图片位移后超过了容器尺寸，但是还想让图片完全显示该用什么？ 我自己试了clip, visibility, objectFit 都不行

3 回复 
“图片位移后超过了容器尺寸，但是还想让图片完全显示“，图片已经超出了容器，想让图片完全肯定是不可能了，只能等比例缩小了，你看这样写符合你的要求不

```javascript
Column() {
  Image("app.media.startIcon")
    .margin({
      left: 20
    })
    .objectFit(ImageFit.Contain)
}
.width(50)
.height(50)
.backgroundColor(Color.Red)

更多关于HarmonyOS 鸿蒙里，图片位移后超过了容器尺寸，但是还想让图片完全显示该用什么？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


就是页面加载后，图片超过容器尺寸的部分怎么让它正常显示出来？

在HarmonyOS中，如果图片位移后超过了容器尺寸，但还需要让图片完全显示，可以使用clip属性。clip属性用于控制子组件的裁剪行为。默认情况下，子组件超出父容器的部分会被裁剪掉。如果你希望图片完全显示，可以将clip属性设置为false，这样即使图片超出了容器尺寸，也不会被裁剪，而是完全显示。

例如，在Component的aboutToAppear方法中，可以这样设置：

this.clip = false;

或者在XML布局文件中，可以这样设置：

<Component
    ...
    clip="false">
</Component>

这样，图片即使位移后超出了容器尺寸，也会完全显示。

回到顶部