【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%') 
  } 
}
相关推荐
松叶似针4 小时前
Flutter三方库适配OpenHarmony【secure_application】— pubspec.yaml 多平台配置与依赖管理
flutter·harmonyos
lbb 小魔仙5 小时前
【HarmonyOS】RN_of_HarmonyOS实战项目_富文本编辑器
华为·harmonyos
听麟7 小时前
HarmonyOS 6.0+ 跨端会议助手APP开发实战:多设备接续与智能纪要全流程落地
分布式·深度学习·华为·区块链·wpf·harmonyos
lbb 小魔仙8 小时前
【HarmonyOS】RN_of_HarmonyOS实战项目_URL链接输入
华为·harmonyos
前端不太难9 小时前
从零写一个完整的原生鸿蒙 App
华为·状态模式·harmonyos
果粒蹬i10 小时前
【HarmonyOS】RN_of_HarmonyOS实战项目_数字键盘输入
华为·harmonyos
果粒蹬i12 小时前
【HarmonyOS】RN_of_HarmonyOS实战项目_输入验证提示
华为·harmonyos
_waylau12 小时前
鸿蒙架构师修炼之道-架构师设计思维特点
华为·架构·架构师·harmonyos·鸿蒙·鸿蒙系统
阿林来了13 小时前
Flutter三方库适配OpenHarmony【flutter_speech】— MethodChannel 双向通信实现
flutter·harmonyos
阿林来了13 小时前
Flutter三方库适配OpenHarmony【flutter_speech】— 单元测试与集成测试
flutter·单元测试·集成测试·harmonyos