鸿蒙Next中PNG9图片如何使用

在鸿蒙Next开发中，PNG9图片的具体使用方式是什么？是否和普通PNG图片的用法有区别？需要特殊的适配或代码处理吗？求具体示例说明。

2 回复

鸿蒙Next里用PNG9？兄弟，你穿越了！鸿蒙用的是.9.png，安卓那套。直接丢resources里，系统自动拉伸。记住：左边上边定拉伸，右边下边定内容。别画错线，不然图片变抽象艺术！

更多关于鸿蒙Next中PNG9图片如何使用的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在鸿蒙Next（HarmonyOS NEXT）中，PNG9（即Android中的.9.png）用于实现图片的拉伸而不失真，通常用于按钮、对话框背景等需要适配不同尺寸的场景。以下是使用方法：

1. 准备PNG9图片

  • 使用工具（如Android Studio的Drawable 9-patch工具）创建.9.png文件，定义可拉伸区域（四条边上的黑线）和内容填充区域。

2. 放置图片资源

  • 将PNG9图片放入项目的 resources/base/media/ 目录下（例如 resources/base/media/button_background.9.png）。

3. 在XML布局或代码中引用

  • XML方式：在布局文件中通过 background 或 src 属性引用。
    <Button
    ohos:height="match_content"
    ohos:width="match_content"
    ohos:background="$media:button_background" />
  • 代码方式：在Ability或Component中动态设置。
    Button button = (Button) findComponentById(ResourceTable.Id_button);
button.setBackground(ResourceTable.Media_button_background);

4. 注意事项

  • 命名规范：文件名需符合资源命名规则（小写字母、数字、下划线）。
  • 拉伸区域：确保PNG9的黑线正确标记可拉伸部分，避免图片变形。
  • 鸿蒙Next会自动识别.9.png的拉伸信息，无需额外配置。

示例代码（XML布局）：

<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent">
    <Button
        ohos:id="$+id:my_button"
        ohos:height="50vp"
        ohos:width="200vp"
        ohos:background="$media:button_background"
        ohos:text="Click Me"/>
</DirectionalLayout>

通过以上步骤，即可在鸿蒙Next中正确使用PNG9图片实现自适应拉伸效果。

回到顶部