【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%') 
  } 
}
相关推荐
wordbaby6 小时前
脱离 Tab 栏的艺术:React Native 全屏子页面的导航架构实践
前端·react native·harmonyos
程序猿追6 小时前
在 HarmonyOS 模拟器上种出斐波那契螺旋线
大数据·人工智能·microsoft·华为·harmonyos
wordbaby7 小时前
React Native 新架构落地鸿蒙:跨三端政务级应用的工程实践与深度复盘
前端·react native·harmonyos
lqj_本人8 小时前
鸿蒙electron框架PC适配:ExifCleaner 适配鸿蒙全过程:一次从“能启动”到“能处理文件”的完整复盘
华为·electron·harmonyos
超人也会哭️呀10 小时前
摩尔定律已成过去,韬τ定律引领未来
人工智能·华为·ai·芯片·韬定律·τ定律·摩尔定律
HarmonyOS_SDK12 小时前
应用内隐私信息被窥视?防窥保护自动感知一键防护
harmonyos
HMSCore12 小时前
应用内隐私信息被窥视?防窥保护自动感知一键防护
harmonyos
zhuweisky13 小时前
uni-app 实现视频聊天、屏幕分享,支持Android、HarmonyOS、iOS
鸿蒙·视频聊天·屏幕分享
nashane14 小时前
HarmonyOS 6学习:水平仪气泡移动方向错误的完整分析与修复方案
人工智能·华为·harmonyos
小雨青年14 小时前
鸿蒙 HarmonyOS 6 | Pura X Max 鸿蒙原生适配 11:分屏窗口下布局自动降级
华为·harmonyos