【HarmonyOS NEXT】鸿蒙应用点9图的处理(draw9patch)

George_wu_
发布于 2025-3-24 22:30
浏览
0收藏

【HarmonyOS NEXT】鸿蒙应用点9图的处理(draw9patch)

一、前言:

首先在鸿蒙中是不支持安卓 .9图的图片直接使用。只有类似拉伸的处理方案,鸿蒙提供的Image组件有与点九图相同功能的API设置。

可以通过设置resizable属性来设置ResizableOptions,也就是图像拉伸时可调整大小的图像选项。ResizableOptions的参数slice中有top、left、bottom和right四个属性,分别代表图片上下左右四个方向拉伸时保持不变距离。

二、解决方案:

【HarmonyOS NEXT】鸿蒙应用点9图的处理(draw9patch)-鸿蒙开发者社区

【HarmonyOS NEXT】鸿蒙应用点9图的处理(draw9patch)-鸿蒙开发者社区

@Entry 
@Component 
struct NineMapPrinciple { 
  build() { 
    Row() { 
      Image($r('app.media.startIcon')) 
        .resizable({ slice: { top: 10, left: 10, bottom: 50, right: 50 } }) 
    } 
    .height('50%') 
  } 
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.

收藏
回复
举报
回复
    相关推荐