鸿蒙OS中的自定义通知部署过程

举报
数字扫地僧 发表于 2024/07/25 11:29:37 2024/07/25
【摘要】 项目介绍与发展鸿蒙OS（HarmonyOS）是华为推出的一款全场景分布式操作系统，旨在提供统一、智能的体验。通知（Notification）是移动应用中非常重要的功能之一，它可以在应用不在前台运行时向用户传递信息。通过自定义通知，开发者可以创建更符合应用需求和品牌风格的通知界面，从而提升用户体验。本文将详细介绍如何在鸿蒙OS中实现自定义通知功能，包括项目配置、权限申请、代码实现和调试优化。...

项目介绍与发展

鸿蒙OS（HarmonyOS）是华为推出的一款全场景分布式操作系统，旨在提供统一、智能的体验。通知（Notification）是移动应用中非常重要的功能之一，它可以在应用不在前台运行时向用户传递信息。通过自定义通知，开发者可以创建更符合应用需求和品牌风格的通知界面，从而提升用户体验。

本文将详细介绍如何在鸿蒙OS中实现自定义通知功能，包括项目配置、权限申请、代码实现和调试优化。通过实际实例，帮助开发者掌握在鸿蒙OS中实现自定义通知的完整流程。

实现步骤

I. 项目配置

  1. 创建鸿蒙OS工程

    • 首先，在鸿蒙OS开发工具中创建一个新的工程，并配置工程名称和包名。

  2. 配置权限

    • 在鸿蒙OS中使用通知需要申请相关权限。打开 config.json 文件，添加通知权限配置。
{
  "module": {
    "abilities": [
      {
        "name": "MainAbility",
        "permissions": [
          "ohos.permission.NOTIFICATION"
        ]
      }
    ]
  }
}

II. 界面布局

  1. 创建自定义通知布局
    • 创建一个XML布局文件，用于定义自定义通知的UI界面。
<!-- resources/base/layout/custom_notification_layout.xml -->
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:width="match_parent"
    ohos:height="match_parent"
    ohos:orientation="vertical"
    ohos:padding="16vp"
    ohos:background_element="graphic:background">

    <Image
        ohos:id="$+id:notification_image"
        ohos:width="50vp"
        ohos:height="50vp"
        ohos:src="image_src:icon"/>

    <Text
        ohos:id="$+id:notification_title"
        ohos:width="match_content"
        ohos:height="match_content"
        ohos:text="Title"
        ohos:text_size="20vp"
        ohos:alignment="center"/>

    <Text
        ohos:id="$+id:notification_content"
        ohos:width="match_content"
        ohos:height="match_content"
        ohos:text="Content"
        ohos:text_size="16vp"
        ohos:alignment="center"/>
</DirectionalLayout>

III. 自定义通知实现

  1. 创建自定义通知类
    • 在鸿蒙OS中，自定义通知需要继承 NotificationRequest 类。创建一个自定义通知类。
import ohos.aafwk.content.Intent;
import ohos.agp.components.Component;
import ohos.agp.components.LayoutScatter;
import ohos.agp.components.Text;
import ohos.agp.window.service.NotificationRequest;
import ohos.app.Context;
import ohos.media.image.PixelMap;
import ohos.resource.ResourceManager;
import ohos.resource.ResourceTable;

public class CustomNotification extends NotificationRequest {

    public CustomNotification(Context context, String title, String content, PixelMap image) {
        super();
        initNotification(context, title, content, image);
    }

    private void initNotification(Context context, String title, String content, PixelMap image) {
        ResourceManager resMgr = context.getResourceManager();
        LayoutScatter layoutScatter = LayoutScatter.getInstance(context);

        Component layout = layoutScatter.parse(ResourceTable.Layout_custom_notification_layout, null, false);

        Text titleView = (Text) layout.findComponentById(ResourceTable.Id_notification_title);
        Text contentView = (Text) layout.findComponentById(ResourceTable.Id_notification_content);
        Image imageView = (Image) layout.findComponentById(ResourceTable.Id_notification_image);

        titleView.setText(title);
        contentView.setText(content);
        imageView.setPixelMap(image);

        setCustomView(layout);
    }
}
  1. 创建和显示通知
    • 在主Ability中创建并显示自定义通知。
import ohos.aafwk.ability.Ability;
import ohos.aafwk.content.Intent;
import ohos.agp.window.service.NotificationHelper;
import ohos.app.Context;
import ohos.media.image.ImageSource;
import ohos.media.image.PixelMap;
import ohos.resource.ResourceManager;
import ohos.resource.ResourceTable;

import java.io.IOException;

public class MainAbility extends Ability {

    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setMainRoute(MainAbilitySlice.class.getName());

        try {
            showCustomNotification(this);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    private void showCustomNotification(Context context) throws IOException {
        ResourceManager resourceManager = context.getResourceManager();
        ImageSource imageSource = ImageSource.create(resourceManager.getResource(ResourceTable.Media_icon), new ImageSource.SourceOptions());
        PixelMap pixelMap = imageSource.createPixelmap(new ImageSource.DecodeOptions());

        CustomNotification customNotification = new CustomNotification(context, "Hello World", "This is a custom notification", pixelMap);

        NotificationHelper.publishNotification(1001, customNotification);
    }
}

IV. 调试与优化

  1. 测试通知功能

    • 部署应用到鸿蒙OS设备上，启动应用，确认自定义通知能够正常显示。

  2. 优化通知布局

    • 根据实际需求调整自定义通知的布局和样式，使其符合应用的用户体验设计。

V. 实践案例

  1. 项目背景

    • 假设我们正在开发一款新闻应用，需要在有新消息时向用户推送自定义通知。通知显示新闻标题、摘要和一张图片。

  2. 实现步骤

    • 配置权限
      在 config.json 文件中添加通知权限配置。
    {
  "module": {
    "abilities": [
      {
        "name": "MainAbility",
        "permissions": [
          "ohos.permission.NOTIFICATION"
        ]
      }
    ]
  }
}
    • 创建自定义通知布局
    <!-- resources/base/layout/custom_notification_layout.xml -->
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:width="match_parent"
    ohos:height="match_parent"
    ohos:orientation="vertical"
    ohos:padding="16vp"
    ohos:background_element="graphic:background">

    <Image
        ohos:id="$+id:notification_image"
        ohos:width="50vp"
        ohos:height="50vp"
        ohos:src="image_src:icon"/>

    <Text
        ohos:id="$+id:notification_title"
        ohos:width="match_content"
        ohos:height="match_content"
        ohos:text="Title"
        ohos:text_size="20vp"
        ohos:alignment="center"/>

    <Text
        ohos:id="$+id:notification_content"
        ohos:width="match_content"
        ohos:height="match_content"
        ohos:text="Content"
        ohos:text_size="16vp"
        ohos:alignment="center"/>
</DirectionalLayout>
    • 创建自定义通知类
    import ohos.aafwk.content.Intent;
import ohos.agp.components.Component;
import ohos.agp.components.LayoutScatter;
import ohos.agp.components.Text;
import ohos.agp.window.service.NotificationRequest;
import ohos.app.Context;
import ohos.media.image.PixelMap;
import ohos.resource.ResourceManager;
import ohos.resource.ResourceTable;

public class CustomNotification extends NotificationRequest {

    public CustomNotification(Context context, String title, String content, PixelMap image) {
        super();
        initNotification(context, title, content, image);
    }

    private void initNotification(Context context, String title, String content, PixelMap image) {
        ResourceManager resMgr = context.getResourceManager();
        LayoutScatter layoutScatter = LayoutScatter.getInstance(context);

        Component layout = layoutScatter.parse(ResourceTable.Layout_custom_notification_layout, null, false);

        Text titleView = (Text) layout.findComponentById(ResourceTable.Id_notification_title);
        Text contentView = (Text) layout.findComponentById(ResourceTable.Id_notification_content);
        Image imageView = (Image) layout.findComponentById(ResourceTable.Id_notification_image);

        titleView.setText(title);
        contentView.setText(content);
        imageView.setPixelMap(image);

        setCustomView(layout);
    }
}
    • 创建和显示通知
    import ohos.aafwk.ability.Ability;
import ohos.aafwk.content.Intent;
import ohos.agp.window.service.NotificationHelper;
import ohos.app.Context;
import ohos.media.image.ImageSource;
import ohos.media.image.PixelMap;
import ohos.resource.ResourceManager;
import ohos.resource.ResourceTable;

import java.io.IOException;

public class MainAbility extends Ability {

    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setMainRoute(MainAbilitySlice.class.getName());

        try {
            showCustomNotification(this);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    private void showCustomNotification(Context context) throws


 IOException {
            ResourceManager resourceManager = context.getResourceManager();
            ImageSource imageSource = ImageSource.create(resourceManager.getResource(ResourceTable.Media_icon), new ImageSource.SourceOptions());
            PixelMap pixelMap = imageSource.createPixelmap(new ImageSource.DecodeOptions());

            CustomNotification customNotification = new CustomNotification(context, "New News", "Check out the latest news!", pixelMap);
    
            NotificationHelper.publishNotification(1001, customNotification);
        }
    }

VI. 总结

通过本文的详细讲解，开发者可以掌握在鸿蒙OS中实现自定义通知的完整流程。从项目配置、权限申请到代码实现，逐步介绍了实现自定义通知的关键步骤。通过实际示例，展示了自定义通知的应用场景和实现方法，为开发者提供了有价值的参考。希望本文能够帮助开发者在鸿蒙OS中实现更多丰富的功能，提升应用的用户体验。

【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱： cloudbbs@huaweicloud.com
开发者
  • 点赞
  • 收藏
  • 关注作者

评论（0）

0/1000
抱歉，系统识别当前为高风险访问，暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称，即可参与社区互动！

*长度不超过10个汉字或20个英文字符，设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符，设置后3个月内不可修改。

确认 取消

加入云驻计划，成为创作者

  • 华为云周边好礼
  • 免费体验产品
  • 特殊身份标识
  • 线下官方门票
  • 内部专家零距离
  • 与10000+优质创作者共同成长
立即加入