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

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

一、前言:

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

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

二、解决方案:

dart 复制代码
@Entry 
@Component 
struct NineMapPrinciple { 
  build() { 
    Row() { 
      Image($r('app.media.startIcon')) 
        .resizable({ slice: { top: 10, left: 10, bottom: 50, right: 50 } }) 
    } 
    .height('50%') 
  } 
}
相关推荐
S***y39616 小时前
HarmonyOS在智能家居中的情景模式
华为·智能家居·harmonyos
IT充电站16 小时前
HarmonyOS 帧动画 animator
harmonyos
IT充电站16 小时前
HarmonyOS 位置服务全攻略:精准定位、地理编码与后台持续定位实现
harmonyos
IT充电站16 小时前
HarmonyOS 组件导航(Navigation)
harmonyos
6***379416 小时前
HarmonyOS在智能家居中的场景联动
华为·智能家居·harmonyos
u***u68517 小时前
HarmonyOS在智能手表中的开发
华为·harmonyos·智能手表
0***1418 小时前
HarmonyOS系统安全机制
华为·harmonyos
m***D28619 小时前
HarmonyOS在智能家居中的家庭网络
华为·智能家居·harmonyos
S***428019 小时前
HarmonyOS在智能家居中的Huawei HiLink
华为·智能家居·harmonyos
anyup20 小时前
🔥100+ 天,已全面支持鸿蒙!uView Pro 近期更新盘点及未来计划
前端·uni-app·harmonyos