【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%') 
  } 
}
相关推荐
万物智能信息科技12 小时前
六轴传感器Motion驱动框架开发—【万物智能之开源鸿蒙OpenHarmony系统实战开发系列教程】
驱动开发·华为·开源·harmonyos·鸿蒙
熊猫钓鱼>_>12 小时前
端侧 NPU 轻量大模型推理接入笔记【鸿蒙心迹】
开发语言·笔记·华为·ai编程·harmonyos·鸿蒙
2601_9498477512 小时前
开源鸿蒙平台 CMP 三方库「compose-remember-setting」适配全流程
华为·开源·harmonyos
resh_people13 小时前
开源鸿蒙平台 CMP 三方库「snowfall-compose」适配全流程
华为·开源·harmonyos
特立独行的猫A13 小时前
仓颉语言实现的Harness: 一口气派三个子代理,cjh 的并发不是“多线程“,是“进程树“
前端·harmonyos
2501_9445255413 小时前
开源鸿蒙平台 KMP 三方库「KSafe」适配全流程
华为·开源·harmonyos
熊猫钓鱼>_>13 小时前
CMP for OpenHarmony 实战:Coil 图片加载库鸿蒙化使用心得
运维·服务器·开发语言·华为·ai编程·harmonyos·openharmony
小雨青年13 小时前
【HarmonyOS 7 小艺 Skill 开发实战】 01 创建第一个会后行动助手
华为·harmonyos
独隅14 小时前
HarmonyOS 核心能力与实效展示
华为·harmonyos
2501_9445257614 小时前
开源鸿蒙平台 KMP 三方库「KMPalette」适配全流程
华为·开源·harmonyos