HarmonyOS实现Java端类似Nine-Patch气泡聊天框代码

 更新时间:2024年07月13日 11:08:05   作者:鱼弦CTO  
在HarmonyOS Java端实现气泡聊天框,与Android 上的9图(Nine-Patch)有相似的实现方式,在HarmonyOS中,可以使用ShapeElement和ElementContainer来创建和管理可伸缩的气泡背景,下面提供一个简单的示例代码,可以在 HarmonyOS 中实现类似于Android的Nine-Patch气泡聊天框效果

在 HarmonyOS Java 端实现气泡聊天框,与 Android 上的9图(Nine-Patch)有相似的实现方式。在 HarmonyOS 中,可以使用 ShapeElement 和 ElementContainer 来创建和管理可伸缩的气泡背景。下面提供一个简单的示例代码,可以在 HarmonyOS 中实现类似于 Android 的 Nine-Patch 气泡聊天框效果。

Step 1: 创建一个 Nine-Patch 资源文件

首先,创建一个 Nine-Patch 图片资源。在 HarmonyOS 中,可以直接使用 Android Studio 工具生成 Nine-Patch 图像,并将其复制到 HarmonyOS 项目的 resources/base/media 文件夹中。

Step 2: 在 Java 代码中使用 ShapeElement

使用 ShapeElement 或者 PixelMapElement 来加载 Nine-Patch 图片资源,并设置给组件的背景。

import ohos.aafwk.ability.delegation.AbilityDelegatorRegistry;
import ohos.agp.components.*;
import ohos.agp.components.element.PixelMapElement;
import ohos.app.Context;
import ohos.media.image.PixelMap;

public class ChatBubble extends DirectionalLayout {
    private Context context;

    public ChatBubble(Context context) {
        super(context);
        this.context = context;
        init();
    }

    private void init() {
        // 设置布局方向
        setOrientation(VERTICAL);

        // 加载 Nine-Patch 图片资源
        PixelMapElement ninePatchElement = new PixelMapElement(getPixelMap("resources/base/media/bubble.9.png"));
        
        // 创建 Text 组件,用于显示聊天文本
        Text chatText = new Text(context);
        chatText.setText("Hello, this is a sample chat bubble!");
        chatText.setTextSize(50);
        chatText.setPadding(50, 20, 50, 20);
        
        // 将 Nine-Patch 背景设置给 Text 组件
        chatText.setBackground(ninePatchElement);

        // 将 Text 组件添加到当前布局
        addComponent(chatText);
    }

    private PixelMap getPixelMap(String path) {
        try {
            ResourceManager resourceManager = AbilityDelegatorRegistry.getAbilityDelegator().getAppContext().getResourceManager();
            if (resourceManager != null) {
                Resource resource = resourceManager.getRawFileEntry(path).openRawFile();
                return PixelMap.decodeStream(resource, null);
            }
        } catch (IOException e) {
            e.printStackTrace();
        }
        return null;
    }
}

Step 3: 在布局文件或程序中使用 ChatBubble

在主界面或者其他地方实例化并使用 ChatBubble:

import ohos.aafwk.ability.Ability;
import ohos.aafwk.content.Intent;
import ohos.agp.components.ComponentContainer;
import ohos.agp.window.service.Window;

public class MainAbility extends Ability {
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setMainRoute(MainAbilitySlice.class.getName());
        
        // 获取窗口并设置内容视图
        Window window = getWindow();
        ComponentContainer rootLayout = (ComponentContainer) LayoutScatter.getInstance(this)
                .parse(ResourceTable.Layout_ability_main, null, false);

        // 实例化单个聊天气泡
        ChatBubble chatBubble = new ChatBubble(this);
        
        // 添加聊天气泡到根布局
        rootLayout.addComponent(chatBubble);

        // 设置窗口显示内容
        window.setUIContent(rootLayout);
    }
}

关键点解释

Nine-Patch 图片资源:

请确保你的项目中包含了正确格式的 Nine-Patch 图片,例如 bubble.9.png。可以通过 Android Studio 的 Draw 9-Patch 工具生成。

PixelMapElement:

使用 PixelMapElement 加载和展示 Nine-Patch 图片资源。

Text 组件背景:

将 PixelMapElement 设置为 Text 组件的背景,实现气泡效果。

总结

通过上述方法,可以在 HarmonyOS 中实现类似于 Android 的 Nine-Patch 气泡聊天框效果。

相关文章

  • Java在利用反射条件下替换英文字母中的值

    Java在利用反射条件下替换英文字母中的值

    今天小编就为大家分享一篇关于Java在利用反射条件下替换英文字母中的值,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-03-03
  • spring Boot打包部署到远程服务器的tomcat中

    spring Boot打包部署到远程服务器的tomcat中

    这篇文章主要给大家介绍了关于spring Boot打包部署到远程服务器的tomcat中的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-12-12
  • Spring MVC 注解自动扫描失效原因分析

    Spring MVC 注解自动扫描失效原因分析

    这篇文章主要介绍了Spring MVC 注解自动扫描失效原因分析,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • MongoDB支持的java数据类型和测试例子

    MongoDB支持的java数据类型和测试例子

    这篇文章主要介绍了MongoDB支持的java数据类型和测试例子,MongoDB除了本身自有的数据类型外,还为较流行的编程语言定制了该语言的数据类型,需要的朋友可以参考下
    2014-05-05
  • SpringBoot优雅实现计算方法执行时间

    SpringBoot优雅实现计算方法执行时间

    这篇文章主要为大家详细介绍了SpringBoot中优雅实现计算方法执行时间的相关方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2025-04-04
  • 分析设计模式之模板方法Java实现

    分析设计模式之模板方法Java实现

    所谓模板方法模式,就是一个对模板的应用,就好比老师出试卷,每个人的试卷都是一样的,这个原版试卷就是一个模板,可每个人写在试卷上的答案都是不一样的,这就是模板方法模式。它的主要用途在于将不变的行为从子类搬到超类,去除了子类中的重复代码
    2021-06-06
  • MyBatis实现if-else的示例代码

    MyBatis实现if-else的示例代码

    MyBatis实现if-else功能可以通过和标签来完成,这些标签提供了一种类似于Java中switch语句的方式来处理多分支条件逻辑,下面就来具体了解一下
    2025-11-11
  • 使用Spring Security搭建极简的安全网站教程

    使用Spring Security搭建极简的安全网站教程

    这篇文章主要为大家介绍了使用Spring Security搭建极简的安全网站教程详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06
  • Spring 加载 Application Context五种方式小结

    Spring 加载 Application Context五种方式小结

    这篇文章主要介绍了Spring 加载 Application Context五种方式小结,具有很好的参考价值,希望对大家有所帮助。
    2022-01-01
  • springboot项目数据库密码如何加密

    springboot项目数据库密码如何加密

    在我们日常开发中,我们可能很随意把数据库密码直接明文暴露在配置文件中,今天就来聊聊在springboot项目中如何对数据库密码进行加密,感兴趣的可以了解一下
    2021-07-07

最新评论