【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%') 
  } 
}
相关推荐
松叶似针2 小时前
Flutter三方库适配OpenHarmony【secure_application】— OpenHarmony 插件工程搭建
flutter·harmonyos
lqj_本人4 小时前
Flutter三方库适配OpenHarmony【apple_product_name】华为nova系列设备映射表
flutter·华为
一只大侠的侠7 小时前
HarmonyOS实战:React Native实现Popover内容自适应
react native·华为·harmonyos
无巧不成书02188 小时前
【RN鸿蒙教学|第7课时】表单开发实战:TextInput输入+表单验证+鸿蒙多终端适配
react native·华为·开源·交互·harmonyos
钛态9 小时前
Flutter for OpenHarmony:mason_cli 拒绝重复劳动,用砖块构建你的代码模板(强大的脚手架生成器) 深度解析与鸿蒙适配指南
flutter·ui·华为·自动化·harmonyos
星空22239 小时前
【HarmonyOS】day30:React Native实战:实现高性能 StickyHeader(粘性标题)组件
react native·华为·harmonyos
无巧不成书021813 小时前
【RN鸿蒙教学|第8课时】表单优化+AsyncStorage数据持久化(本地缓存)+ 多终端兼容进阶
react native·缓存·华为·交互·harmonyos
●VON13 小时前
HarmonyOS应用开发实战(基础篇)Day06-《常见组件》
华为·harmonyos
阿林来了14 小时前
Flutter三方库适配OpenHarmony【flutter_speech】— FlutterPlugin 接口适配
flutter·harmonyos
盐焗西兰花14 小时前
鸿蒙学习实战之路-STG系列(1/11)-屏幕时间守护服务全攻略
学习·华为·harmonyos