【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%') 
  } 
}
相关推荐
云端漫步1987几秒前
HarmonyOS NEXT AI 智能生活助手:会话管理与聊天记录保存
人工智能·生活·harmonyos
咱入行浅9 小时前
汽车之家联合HarmonyOS SDK,深度构建鸿蒙生态体系
华为·汽车·harmonyos
yaoyaoxingzhe14 小时前
HarmonyOS应用开发实战:猫猫大作战-Popup 的实现【apple_product_name】
华为·harmonyos
程序员黑豆14 小时前
鸿蒙应用开发之@Styles 装饰器:定义可复用的组件样式
前端·harmonyos
qizayaoshuap14 小时前
HarmonyOS标签页 — 顶部 Tab 切换的内容展示设计
华为·harmonyos
程序员黑豆16 小时前
鸿蒙应用开发之持久化存储解析:PersistentStorage / PersistenceV2 / preferences 选型与实战
前端·harmonyos
DRXB25072019 小时前
开源自由还是生态红利?LangChain 的灵活性与小艺开放平台的鸿蒙流量池,开发者该如何抉择?
langchain·开源·harmonyos
qizayaoshuap19 小时前
HarmonyOS :底部导航 — 构建 Tab 导航栏的标准模式
华为·harmonyos
程序员黑豆19 小时前
鸿蒙应用开发之路由:Router 页面路由使用教程
前端·harmonyos
JavaPub-rodert1 天前
认识 Codex
ai·image·codex·guide