HarmonyOS 发送系统通知 基础通知

harmonyos中 提供了 各种不同功能的通知 来满足我们不同的业务需求
本文呢 我们先来看 最基本的通知 它的场景和使用方式

最基本的 是 当应用被切入后台 而应用内部发生了一些变化 就可以用通知的方式 来提醒用户

就比如 我们微信 被切到了后台 而这时 别人发消息过来了
那么 通知栏 就会出现提示 让我们快去处理

也非常简单 调harmonyos提供的通知接口就OK了

首先 我们要在需要使用的地方 导入对应的包

import notificationManager from "@ohos.notificationManager"

这时一个 harmonyos 内置的工具
直接导入就好 不需要安装

然后 它的基础语法是

let request: notificationManager.NotificationRequest = {
    id: 10,
    content: {
      //通知内容
    }
}

id的话就是一个数字 只要保证 唯一性 就OK了
content 中装的通知内容
harmonyos中 有四类

话不多说 直接看
我们将 首页编写代码如下

import notificationManager from "@ohos.notificationManager"
@Entry
@Component
struct Dom {

  @State ids:number = 0;

  aboutToAppear(){
  }

  build() {
    Column({space: 30}) {
      Button("发送基本文本通知").onClick(()=>{
        let request: notificationManager.NotificationRequest = {
          id: this.ids++,
          content:{
              contentType: notificationManager.ContentType.NOTIFICATION_CONTENT_BASIC_TEXT,
              normal:{
                title:'通知标题'+ this.ids,
                text:'通知内容详情',
                additionalText: '通知附加内容'
              }
          }
        }
        notificationManager.publish(request).then(()=> {
           console.log('发送通知成功')
        }).catch(reason => {
          console.log('发送通知失败',JSON.stringify(reason))
        })
      })
    }
    .width('100%')
    .height('100%')
  }
}

这里 我们导入 @ohos.notificationManager
然后定义了一个 响应式数据 ids 主要是 避免通知id重复
然后 编写一个按钮
点击事假中 调用 notificationManager.NotificationRequest
id 用 ids ++ 这样 用于在增加 数字就不会有重复的
然后 类型 NOTIFICATION_CONTENT_BASIC_TEXT 基础文本型
标题 通知标题 拼接上 id号
然后 通知的内容 为 通知内容详情
附加 通知附加内容

我们手机开真机调试

然后 我们点击这个按钮

把手机的通知栏 往下拉 内容就出来了

然后 我们将代码修改成这样

import notificationManager from "@ohos.notificationManager"
@Entry
@Component
struct Dom {

  @State ids:number = 0;

  aboutToAppear(){
  }

  build() {
    Column({space: 30}) {
      Button("发送长文本").onClick(()=>{
        let request: notificationManager.NotificationRequest = {
          id: this.ids++,
          content:{
              contentType: notificationManager.ContentType.NOTIFICATION_CONTENT_LONG_TEXT,
              longText: {
                title:'通知标题'+ this.ids,
                text:'通知内容详情',
                additionalText: '通知附加内容',
                longText: '通知中的长文本，我很长，我很长，我很长，我很长，我很长，我很长，我很长',
                briefText:'通知概要和总结',
                expandedTitle:'通知展开时的标题'+this.ids
              }
          }
        }
        notificationManager.publish(request).then(()=> {
           console.log('发送通知成功')
        }).catch(reason => {
          console.log('发送通知失败',JSON.stringify(reason))
        })
      })
    }
    .width('100%')
    .height('100%')
  }
}

长文本类型 基本的语法都还是一样的 我们直接真机运行

会发现 基本还是一样的 不过 多了一个向下的小箭头

我们点开这个箭头 就可以看到下面的具体内容

然后 代码改成这样

import notificationManager from "@ohos.notificationManager"
@Entry
@Component
struct Dom {

  @State ids:number = 0;

  aboutToAppear(){
  }

  build() {
    Column({space: 30}) {
      Button("多行文本型").onClick(()=>{
        let request: notificationManager.NotificationRequest = {
          id: this.ids++,
          content:{
              contentType: notificationManager.ContentType.NOTIFICATION_CONTENT_MULTILINE,
              multiLine: {
                title:'通知标题'+ this.ids,
                text:'通知内容详情',
                additionalText: '通知附加内容',
                briefText:'通知概要和总结',
                longTitle:'展开时的标题，我很宽，我很宽，我很宽',
                lines: [
                  "第一行",
                  "第二行",
                  "第三行",
                  "第四行"
                ]
              }
          }
        }
        notificationManager.publish(request).then(()=> {
           console.log('发送通知成功')
        }).catch(reason => {
          console.log('发送通知失败',JSON.stringify(reason))
        })
      })
    }
    .width('100%')
    .height('100%')
  }
}

多行文本型
直接开真机调试

点击按钮后 还是这个样子 下面有一个向下箭头
然后 我们点击展开

这里 就会展示出 每一行的内容

最后一个是图片类型 那么 我们需要找一个图片放到 对应模块下的 media下面去

这里 我有个问题 图片最好用png的 好像jpg显示不出来

然后 我们将代码改成

import notificationManager from "@ohos.notificationManager"
import image from '@ohos.multimedia.image';
@Entry
@Component
struct Dom {

  @State ids:number = 0;
  pixel:PixelMap;

  async aboutToAppear(){
    let rm = getContext(this).resourceManager;//读取图片
    let file = await rm.getMediaContent($r("app.media.Text"));
    image.createImageSource(file.buffer).createPixelMap().
    then((value) => {
      this.pixel = value
    }).
    catch((reason) => {
      console.log('testTag','加载图片异常',JSON.stringify(reason))
    })
  }

  build() {
    Column({space: 30}) {
      Button("图片通知").onClick(()=>{
        let request: notificationManager.NotificationRequest = {
          id: this.ids++,
          content:{
              contentType: notificationManager.ContentType.NOTIFICATION_CONTENT_PICTURE,
              picture: {
                title:'通知标题'+ this.ids,
                text:'通知内容详情',
                additionalText: '通知附加内容',
                briefText:'通知概要和总结',
                expandedTitle:'展开后标题'+this.ids,
                picture: this.pixel
              }
          }
        }
        notificationManager.publish(request).then(()=> {
           console.log('发送通知成功')
        }).catch(reason => {
          console.log('发送通知失败',JSON.stringify(reason))
        })
      })
    }
    .width('100%')
    .height('100%')
  }
}

这是个 NOTIFICATION_CONTENT_PICTURE 图片型的通知 这里 需要一个 picture参数 类型会比较特殊
PixelMap 是三种图片格式的第二种 像素图
这里 我们在 aboutToAppear 生命周期中处理这个逻辑 加载 media模块下的 Test 资源文件 就是我们刚才放进去的那个图片
然后 将它转为 PixelMap 赋值给 pixel
然后 用 pixel 做 picture参数

我们真机运行
然后 我们开真机运行

这里 可能是我手机鸿蒙版本低 目前看不到图片 大家可以试试

这里 手机鸿蒙版本不同 效果查验可能就比较大