HarmonyOS 鸿蒙Next 如何实现圈起来的部分不拉伸

HarmonyOS 鸿蒙Next 如何实现圈起来的部分不拉伸 目前这个属性好像只能实现四个边角不拉伸变形,无法实现图片本身的内容不拉伸

// .backgroundImageSize(ImageSize.FILL)
// .backgroundImageResizable({
//   slice: {
//     top: px2vp(50),
//     bottom: px2vp(50),
//     left: px2vp(20),
//     right: px2vp(20)
//   }
// })
5 回复

Image组件已经提供了与点九图相同功能的API设置,可以通过设置resizable属性来设置ResizableOptions,也就是图像拉伸时可调整大小的图像选项。ResizableOptions的参数slice中有top、left、bottom和right四个属性,分别代表图片上下左右四个方向拉伸时保持不变距离。

https://developer.huawei.com/consumer/cn/doc/harmonyos-faqs-V5/faqs-arkui-208-V5

更多关于HarmonyOS 鸿蒙Next 如何实现圈起来的部分不拉伸的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


试了下没效果呢,只是四个角没拉伸,

resizable属性试试,它的参数是ResizableOptions类型,这个类型下有个lattice属性你试试

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V14/ts-basic-components-image-V14#resizable11

这个属性有示例代码不,不知道咋用,辛苦大佬告知一下,

在鸿蒙Next系统中,实现圈起来的部分不拉伸可以通过多种布局方式实现,包括绝对布局、固定尺寸、约束布局、比例布局、裁剪、自定义布局、布局权重、布局参数、布局嵌套和布局动画。具体选择哪种方式取决于应用场景和需求。

回到顶部