HarmonyOS实战——Image组件的裁剪缩放）是一个用来展示图片的组件。常用属性：id、长、宽、高等，具体请参考华为开发手册（组件常用属性）：https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-java-component-common-xml-0000001138483639比较重要的属性：蓝色彩色区域为背景图片。如果图片标签比较大，要显示的图片比较小，前景图片无法覆盖背景图片，就会显示背景图片。在工作中，关于image标签有两个习惯：size会包裹内容，图片的大小，image标签的sizeimage标签基本不设置背景图，只设置前景图，因为前景图像是要显示的图像新项目：ImageApplication使用女孩图片如下，女孩图片信息大家可以自行下载：运行，你会发现蓝色区域其实就是图片标签，里面的女孩就是显示的前景图片。默认情况下，它以不裁剪或缩放的形式显示。将显示的图片直接放在图片中间2.图片剪辑clip_alignment勾选妹子图片信息，将宽高改为100px，因为图片标签小于真图需要裁剪运行：发现只有一小部分显示中间，宽高均为100px。所以ohos:clip_alignment="center"表示把图片中间和部分切掉，然后显示ohos:clip_alignment="left"表示切掉左边部分，其他属性依此类推ohos:clip_alignment="left|top"表示裁剪图片的左上部分3.缩放图片scale_mode使用的飞机图片如下，自取飞机图片信息可以下载默认不裁剪或缩放，即把图片放在中间ohos:scale_mode="inside":表示将图片缩放到与imageorsmaller尺寸居中显示，但不一定会填满整个组件，例如：将图片的宽高改为300px可以看到缩小了，原图缩小到和图片一样或者更小并居中显示改为ohos:scale_mode="center":表示不缩放，按照图片大小显示原图的中间部分改为ohos:scale_mode="stretch":表示拉伸，这将拉伸整个图像以覆盖它。缩小后，整张图片的宽高会改为1000px，改为ohos:scale_mode="zoom_center"，表示原图会按比例放大，以匹配窄边（即当放大，只要图片覆盖了一侧，就会覆盖水平宽度，所以不会放大，然后居中显示）改为ohos:scale_mode="zoom_start":放大后只会显示在最上面，这样as:改成ohos:scale_mode="zoom_end":放大之后，只会在下方显示，如：4.zoom_center和inside的区别：当图片比较大的时候，要显示的图片比较小,而里面不会放大，只会缩小。zoom_center将放大原始图像。5.Section1.Imageclipdisplay:代码中：可以使用setClipGravity方法xml文件中：可以使用clip_alignment属性，up,down,left,right,centered，分别代表top和bottom，用于切割的左、右和中间部分。2.图片缩放显示：代码中：可以使用setScaleMode方法xml文件中：可以使用里面的scale_mode属性：表示将原图缩放到与Image相同或更小的尺寸显示在中心。有可能组件的中心不会被填充：表示不缩放，原图的中间部分会按照Image的大小显示。stretch：表示将原图缩放到与Image相同的大小。拉紧。填充组件。clip_center：表示将原图缩放到与Image相同或更大的尺寸，居中显示。超出元件的部分被切除。zoom_center：表示对原图进行缩放，以匹配Image最窄的边缘，居中显示。zoom_end：表示对原图进行缩放以匹配Image最窄的边缘，并显示在接近尾端的位置。zoom_start：表示对原图进行缩放以匹配Image最窄的边缘，并显示在起始端附近。相关方法：3、在实际开发过程中，尽量不要剪切或缩放，因为剪切或缩放可能会导致图片丢帧。更多信息请访问：Harmonyos.51cto.com，与华为官方合作打造的鸿蒙技术社区
