【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 分钟前
离线docker安装jupyter(python网页版编辑器)
python·docker·jupyter·image·tar·save
Georgewu7 小时前
【HarmonyOS AI赋能】朗读控件详解
harmonyos
安卓开发者16 小时前
鸿蒙Next文件上传下载:全场景高效数据传输方案
华为·harmonyos
文火冰糖的硅基工坊17 小时前
[创业之路-687]:华为“1+8+N”战略以及其背后的技术栈、商业逻辑。
华为·重构·架构·创业
HCIE考证研究所1 天前
考完HCIE数通,能转云计算 / 安全 / AI方向吗?
华为
安卓开发者1 天前
鸿蒙剪贴板服务的新特性
华为·harmonyos
bst@微胖子1 天前
鸿蒙实现滴滴出行项目之线路规划图
华为·harmonyos
我是华为OD~HR~栗栗呀1 天前
23届考研-Java面经(华为OD)
java·c++·python·华为od·华为·面试
路很长OoO1 天前
Flutter 插件开发实战:桥接原生 SDK
前端·flutter·harmonyos
2501_919749032 天前
鸿蒙:使用Rating组件实现五角星打分评价
华为·harmonyos