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参数

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

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