鸿蒙应用服务开发【自定义通知角标】

最新推荐文章于 2024-08-11 19:01:48 发布
最新推荐文章于 2024-08-11 19:01:48 发布
阅读量870 收藏 22
点赞数 26
分类专栏： 鸿蒙 文章标签： harmonyos 华为 OpenHarmony 应用服务 组件 鸿蒙 鸿蒙系统
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_76813281/article/details/140965043
版权

自定义通知角标

介绍

本示例主要展示了设定应用的桌面图标角标的功能，使用@ohos.notificationManager接口，进行桌面角标的设置，通知的发送，获取等。

效果预览

1

使用说明

  1. 在主界面，可以看到当前应用的所有消息通知；
  2. 点击右下角Tab页签进入通知发送页面，点击对应的通知即可发送相应类型的通知，点击几次发送几条；
  3. 点击左下角Tab页签进入消息列表，可以查看刚才发送的消息，消息右边会显示消息数量，点击相应的消息可进行消息读取，取消相应通知；
  4. 下拉通知栏，可以看到角标数量，对应消息数量。

具体实现

  • 允许发送通知，发送通知的功能接口封装在NotificationUtil，源码参考：[NotificationUtil.ets]
/*
 * Copyright (c) 2023 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import { notificationManager } from '@kit.NotificationKit';
import { logger } from '../util/Logger';
import { notificationManagement } from '../notification/NotificationManagementUtil';
import { BusinessError } from '@kit.BasicServicesKit';

const TAG: string = 'NotificationUtilModel';

class NotificationUtil {
  /**
   * enable notification
   */
  private id: number = 0

  async enableNotification() {
    try {
      notificationManager.requestEnableNotification(AppStorage.get('context'), (err: BusinessError): void => {
        if (err) {
          logger.error(TAG, `requestEnableNotification failed, code is ${err.code}, message is ${err.message}`);
        } else {
          logger.info(TAG, 'requestEnableNotification success');
        }
      });
      logger.info(TAG, `enableNotification success`);
    } catch (err) {
      logger.info(TAG, `enableNotification err ${JSON.stringify(err)}`);
    }
  }

  /**
   *
   * @param notificationRequest
   * @param id, Support specifying notification id when publishing notifications
   */
  async publishNotification(notificationRequest: notificationManager.NotificationRequest, group?: string) {
    notificationRequest.id = this.id;
    this.id++;
    if (group) {
      notificationRequest.groupName = group;
    }

    try {
      await notificationManager.publish(notificationRequest);
      logger.info(TAG, `publish notification success`);
      // 通知管理器添加新通知
      await notificationManagement.addNotification(notificationRequest);
    } catch (err) {
      if (err) {
        logger.info(TAG, `publishNotification err ${JSON.stringify(err)}`);
      }
    }
  }

  /**
   * cancel notification by id
   */
  async cancelNotificationById(id: number) {
    try {
      await notificationManager.cancel(id);
      logger.info(TAG, `cancel success`);
    } catch (err) {
      if (err) {
        logger.info(TAG, `cancel err ${JSON.stringify(err)}`);
      }
    }
  }

  /**
   * cancel all notification
   */
  async cancelAllNotifications() {
    try {
      await notificationManager.cancelAll();
      logger.info(TAG, `cancel all success`);
    } catch (err) {
      if (err) {
        logger.info(TAG, `cancel all err ${JSON.stringify(err)}`);
      }
    }
  }
}

export let notificationUtil = new NotificationUtil();
  • 允许发送通知：在进入[Index.ets] 前通过notificationUtil.enableNotification()调用notification.requestEnableNotification()接口向用户请求发送通知；
/*
 * Copyright (c) 2023 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License")
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import { NotificationList } from '../components/NotificationList';
import { NoticePublish } from '../components/NotificationPublish';

export interface TabImage {
  selectedImage: Resource,
  unselectedImage: Resource,
}

const MESSAGE_TAB: TabImage = {
  selectedImage: $r('app.media.ic_messages_filled'),
  unselectedImage: $r('app.media.ic_messages'),
}
const NOTIFICATION_TAB: TabImage = {
  selectedImage: $r('app.media.ic_public_send_filled'),
  unselectedImage: $r('app.media.ic_public_send'),
}

interface TAB_INDEX_TYPE {
  MESSAGE_TAB: number
  NOTIFICATION_TAB: number
}

const TAB_INDEX: TAB_INDEX_TYPE = {
  MESSAGE_TAB: 0,
  NOTIFICATION_TAB: 1
}

@Entry
@Component
struct Index {
  @State tabsIndex: number = 0

  @Builder TabBarBuilder(index: number, item: TabImage, tabBarName: Resource) {

    Column() {
      Image(this.tabsIndex === index ? item.selectedImage : item.unselectedImage)
        .width(24)
        .height(24)
        .margin({ bottom: 10 })
      Text(tabBarName)
        .fontSize(10)

    }
    .width('100%')
    .padding({ top: 0, bottom: 0 })
    .alignItems(HorizontalAlign.Center)
    .id(`tabBar${index}`)
  }

  build() {
    Column() {
      Tabs({ barPosition: BarPosition.End }) {
        TabContent() {
          Column() {
            if (this.tabsIndex === TAB_INDEX.MESSAGE_TAB) {
              NotificationList()
            }
            Blank()
          }
          .height('100%')
        }
        .tabBar(this.TabBarBuilder(TAB_INDEX.MESSAGE_TAB, MESSAGE_TAB, $r('app.string.messages_list_title')))

        TabContent() {
          Column() {
            NoticePublish()
            Blank()
          }
          .height('100%')
        }
        .tabBar(this.TabBarBuilder(TAB_INDEX.NOTIFICATION_TAB, NOTIFICATION_TAB, $r('app.string.notification_publish_title')),)
      }
      .barHeight(74)
      .barWidth('100%')
      .vertical(false)
      .onChange((index: number) => {
        this.tabsIndex = index
      })

    }.width('100%').height('100%')
    .backgroundColor($r('app.color.background_light_gray'))
  }
}

  • 发送通知：通过publishNotification()封装发布通知的接口；

  • 获取应用所有消息通知、取消相关类型通知，角标管理接口封装在NotificationManagementUtil，源码参考：[NotificationManagementUtil.ets]

/*
 * Copyright (c) 2023 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
import { notificationManager } from '@kit.NotificationKit';
import { logger } from '../util/Logger';

const NOTIFICATION_TYPE_SIZE = 5;

export interface getAllNotificationsResultType {
  groupNotifications: Array<Array<notificationManager.NotificationRequest>>
  countsByType: Array<number>
}

// 通知管理
class NotificationManagementUtil {
  typeNotifications: Array<Array<notificationManager.NotificationRequest>> = new Array(NOTIFICATION_TYPE_SIZE + 1);
  countsByType: Array<number> = new Array(NOTIFICATION_TYPE_SIZE + 1);
  badgeNum: number = 0;

  constructor() {
    this.countsByType.fill(0);
    for (let i = 0; i < NOTIFICATION_TYPE_SIZE + 1; i++) {
      this.typeNotifications[i] = new Array();
    }
    // 获取当前应用所有通知
    notificationManager.getActiveNotifications().then((notifications) => {
      for (let i = 0; i < notifications.length; i++) {
        let typeId = notifications[i].content.notificationContentType;
        this.countsByType[typeId as number] += 1;
        this.typeNotifications[typeId as number].push(notifications[i]);
      }
      logger.info(`getAllActiveNotifications success, data: ${JSON.stringify(notifications)}`)
      // 计算角标数量
      this.countsByType.forEach((num: number) => {
        this.badgeNum += num;
      })
    })
  }

  // 取消属于该类型的通知
  cancelNotificationType(typeId: number) {
    this.typeNotifications[typeId].forEach(item => {
      notificationManager.cancel(item.id);
    })
  }

  // 设置角标
  async setBadgeNumber(num: number) {
    await notificationManager.setBadgeNumber(num).then(() => {
      this.badgeNum = num;
      logger.info("displayBadge success");
    });
  }

  // 获取角标数量
  getBadgeNumber(): number {
    return this.badgeNum;
  }

  // 添加一条消息
  async addNotification(notification: notificationManager.NotificationRequest) {
    const typeId: notificationManager.ContentType = notification.content.notificationContentType as notificationManager.ContentType;
    this.typeNotifications[typeId].push(notification);
    this.countsByType[typeId] += 1;
    this.badgeNum += 1;
    await notificationManagement.setBadgeNumber(this.badgeNum);
    logger.info("add Message success");
  }

  // 获取当前所有消息及数量
  async getAllNotifications() {
    let result: getAllNotificationsResultType = {
      groupNotifications: this.typeNotifications,
      countsByType: this.countsByType
    }
    return result;
  }
}

export let notificationManagement = new NotificationManagementUtil();

  • 获取应用所有消息通知：在constructor()构造函数中调用@ohos.notificationManager中的getActiveNotifications接口获取所有通知及相应类型通知数量，通过封装getAllNotifications()对外提供接口获取当前消息及消息数量。

  • 取消相关类型通知：通过cancelNotificationType()封装取消相关通知类型的接口；

  • 角标管理接口：通过setBadgeNumber()封装设置应用角标数量的接口，通过getBadgeNumber()封装获取当前应用角标数量的接口。

    • 添加一条通知：通过addNotification()封装接口添加一条通知到消息管理器，当发送通知的时候进行调用。

  • NotificationOperations向外提供接口，在页面中调用它们来实现功能，源码参考：[NotificationOperations.ets]

/*
 * Copyright (c) 2023 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License")
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import { image } from '@kit.ImageKit';
import { notificationManager } from '@kit.NotificationKit';
import { logger, notificationUtil, notificationContentUtil, notificationRequestUtil } from '@ohos/notification';

const TAG: string = 'Sample_Notification';
const MULTI_LINE_CONTENT: Array<string> = ['line0', 'line1', 'line2', 'line3']; // 多行文本通知的多行文本内容

interface NOTIFICATION_GROUP_TYPE {
  BASIC: string
  LONG_TEXT: string
  MULTI_LINE: string
  PICTURE: string
  CONVERSATION: string
}

const NOTIFICATION_GROUP: NOTIFICATION_GROUP_TYPE = { // 定义不同类型通知的通知组
  BASIC: 'BASIC',
  LONG_TEXT: 'LONG_TEXT',
  MULTI_LINE: 'MULTI_LINE',
  PICTURE: 'PICTURE',
  CONVERSATION: 'CONVERSATION'
}

export default class NotificationOperations {
  private context: Context;
  private basicContent: notificationManager.NotificationBasicContent;

  // 在初始化函数初始化基本通知类型的参数
  constructor(context: Context) {
    this.context = context;
    let notificationTitle = '';
    let notificationText = this.context.resourceManager.getStringSync($r('app.string.notification_content'));
    let notificationAdditional = this.context.resourceManager.getStringSync($r('app.string.notification_additional'));
    this.basicContent = {
      title: notificationTitle,
      text: notificationText,
      additionalText: notificationAdditional
    }
  }

  // 发布基本类型通知
  publishBasicNotification = () => {
    try {
      logger.info(TAG, 'publishBasicNotification');
      this.basicContent.title = this.context.resourceManager.getStringSync($r('app.string.basic_notification'));
      let notificationContent = notificationContentUtil.initBasicNotificationContent(this.basicContent);
      notificationUtil.publishNotification(notificationRequestUtil.initBasicNotificationRequest(notificationContent as notificationManager.NotificationContent) as notificationManager.NotificationRequest);
    } catch (error) {
      logger.info(TAG, `publishBasicNotification error, error = ${JSON.stringify(error)}`);
    }
  }
  // 发布长文本类型通知
  publishLongTextNotification = () => {
    try {
      logger.info(TAG, 'publishLongTextNotification');
      this.basicContent.title = this.context.resourceManager.getStringSync($r('app.string.long_text_notification'));
      let notificationLongText = this.context.resourceManager.getStringSync($r('app.string.notification_long_text'));
      let notificationBriefText = this.context.resourceManager.getStringSync($r('app.string.notification_brief_text'));
      let notificationExpandedText = this.context.resourceManager.getStringSync($r('app.string.notification_expanded_title'));
      let notificationContent = notificationContentUtil.initNotificationLongTextContent(this.basicContent, notificationLongText, notificationBriefText, notificationExpandedText);
      notificationUtil.publishNotification(notificationRequestUtil.initBasicNotificationRequest(notificationContent as notificationManager.NotificationContent) as notificationManager.NotificationRequest);
    } catch (error) {
      logger.info(TAG, `publishLongTextNotification error, error = ${JSON.stringify(error)}`);
    }
  }
  // 发布多行文本类型通知
  publishMultiLineNotification = () => {
    try {
      logger.info(TAG, 'publishMultiLineNotification');
      this.basicContent.title = this.context.resourceManager.getStringSync($r('app.string.multiline_notification'));
      let notificationBriefText = this.context.resourceManager.getStringSync($r('app.string.notification_brief_text'));
      let notificationLongTitle = this.context.resourceManager.getStringSync($r('app.string.notification_expanded_title'));
      let notificationContent = notificationContentUtil.initNotificationMultiLineContent(this.basicContent, notificationBriefText, notificationLongTitle, MULTI_LINE_CONTENT);
      notificationUtil.publishNotification(notificationRequestUtil.initBasicNotificationRequest(notificationContent as notificationManager.NotificationContent) as notificationManager.NotificationRequest);
    } catch (error) {
      logger.info(TAG, `publishMultiLineNotification error, error = ${JSON.stringify(error)}`);
    }
  }
  // 发布图片类型通知
  publishPictureNotification = async () => {
    try {
      logger.info(TAG, 'publishPictureNotification');
      this.basicContent.title = this.context.resourceManager.getStringSync($r('app.string.picture_notification'));
      let notificationBriefText = this.context.resourceManager.getStringSync($r('app.string.notification_brief_text'));
      let notificationExpandedText = this.context.resourceManager.getStringSync($r('app.string.notification_expanded_title'));
      let imageArray = await this.context.resourceManager.getMediaContent($r('app.media.notification_icon').id);
      let imageResource = image.createImageSource(imageArray.buffer as ArrayBuffer);
      let picture = await imageResource.createPixelMap();
      let notificationContent = notificationContentUtil.initNotificationPictureContent(this.basicContent, notificationBriefText, notificationExpandedText, picture);
      notificationUtil.publishNotification(notificationRequestUtil.initBasicNotificationRequest(notificationContent as notificationManager.NotificationContent) as notificationManager.NotificationRequest);
    } catch (error) {
      logger.info(TAG, `publishPictureNotification error, error = ${JSON.stringify(error)}`);
    }
  }
  // 发布社交类型的通知
  publishConversationNotification = async () => {
    try {
      logger.info(TAG, 'publishConversationNotification');
      this.basicContent.title = this.context.resourceManager.getStringSync($r('app.string.conversation_notification'));
      let notificationContent = notificationContentUtil.initNotificationConversationContent(this.basicContent);
      notificationUtil.publishNotification(notificationRequestUtil.initBasicNotificationRequest(notificationContent as notificationManager.NotificationContent) as notificationManager.NotificationRequest, NOTIFICATION_GROUP.CONVERSATION);
    } catch (error) {
      logger.info(TAG, `publishNotificationWithWantAgent error, error = ${JSON.stringify(error)}`);
    }
  }
}
  • 发布通知：在[Index.ets]页面中进入发送通知Tab页签，通过点击事件调用NotificationOperations中封装的对应的方法，然后从NotificationContentUtil中获取对应的主体内容content，将 content传递给NotificationRequestUtil得到完整的发布信息，最后调用NotificationUtil.publishNotification()发布内容，并调用NotificationManagementUtil的addNotification()添加一条消息；
/*
 * Copyright (c) 2023 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License")
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import { NotificationList } from '../components/NotificationList';
import { NoticePublish } from '../components/NotificationPublish';

export interface TabImage {
  selectedImage: Resource,
  unselectedImage: Resource,
}

const MESSAGE_TAB: TabImage = {
  selectedImage: $r('app.media.ic_messages_filled'),
  unselectedImage: $r('app.media.ic_messages'),
}
const NOTIFICATION_TAB: TabImage = {
  selectedImage: $r('app.media.ic_public_send_filled'),
  unselectedImage: $r('app.media.ic_public_send'),
}

interface TAB_INDEX_TYPE {
  MESSAGE_TAB: number
  NOTIFICATION_TAB: number
}

const TAB_INDEX: TAB_INDEX_TYPE = {
  MESSAGE_TAB: 0,
  NOTIFICATION_TAB: 1
}

@Entry
@Component
struct Index {
  @State tabsIndex: number = 0

  @Builder TabBarBuilder(index: number, item: TabImage, tabBarName: Resource) {

    Column() {
      Image(this.tabsIndex === index ? item.selectedImage : item.unselectedImage)
        .width(24)
        .height(24)
        .margin({ bottom: 10 })
      Text(tabBarName)
        .fontSize(10)

    }
    .width('100%')
    .padding({ top: 0, bottom: 0 })
    .alignItems(HorizontalAlign.Center)
    .id(`tabBar${index}`)
  }

  build() {
    Column() {
      Tabs({ barPosition: BarPosition.End }) {
        TabContent() {
          Column() {
            if (this.tabsIndex === TAB_INDEX.MESSAGE_TAB) {
              NotificationList()
            }
            Blank()
          }
          .height('100%')
        }
        .tabBar(this.TabBarBuilder(TAB_INDEX.MESSAGE_TAB, MESSAGE_TAB, $r('app.string.messages_list_title')))

        TabContent() {
          Column() {
            NoticePublish()
            Blank()
          }
          .height('100%')
        }
        .tabBar(this.TabBarBuilder(TAB_INDEX.NOTIFICATION_TAB, NOTIFICATION_TAB, $r('app.string.notification_publish_title')),)
      }
      .barHeight(74)
      .barWidth('100%')
      .vertical(false)
      .onChange((index: number) => {
        this.tabsIndex = index
      })

    }.width('100%').height('100%')
    .backgroundColor($r('app.color.background_light_gray'))
  }
}

以上就是本篇文章所带来的鸿蒙开发中一小部分技术讲解；想要学习完整的鸿蒙全栈技术。可以在结尾找我可全部拿到！
下面是鸿蒙的完整学习路线，展示如下：
1

除此之外，根据这个学习鸿蒙全栈学习路线，也附带一整套完整的学习【文档+视频】，内容包含如下：

内容包含了：（ArkTS、ArkUI、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、鸿蒙南向开发、鸿蒙项目实战）等技术知识点。帮助大家在学习鸿蒙路上快速成长！

鸿蒙【北向应用开发+南向系统层开发】文档

鸿蒙【基础+实战项目】视频

鸿蒙面经

在这里插入图片描述

为了避免大家在学习过程中产生更多的时间成本，对比我把以上内容全部放在了↓↓↓想要的可以自拿喔！谢谢大家观看！

爱桥代码的程序媛
关注
  • 26
    点赞
  • 踩
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
鸿蒙HarmonyOS应用开发-自定义实现验证码框_鸿蒙开发字母验证码
2401_84181125的博客
04-21 1084
只需要稍微的封装下，将输入框的宽度、高度、圆角、颜色、输入类型、数量等包裹在一个对象中，使用@State修饰，并一一对应应用，即可将这个组件做成一个很标准的任意发挥的输入框啦。唯一的遗憾是，目前没法去除TextInput点击的样式，除非你是纯色（纯色变化看不出来…）以下就是该例子代码啦：@Preview@Componentbuild() {Stack() {= null) {Text(item)})
HCIA-HarmonyOS应用开发工程师 V2.0 模拟考试
10-13
在“HCIA-HarmonyOS应用开发工程师 V2.0 模拟考试”中，我们可以学习到关于HarmonyOS应用开发的关键知识点。这个初级认证主要涉及HarmonyOS的基础架构、组件使用、页面跳转、权限管理、应用结构以及开发工具的使用。...
HarmonyOS实战开发-自定义通知角标、如何设定应用的桌面图标角标的功能。
m0_70749039的博客
04-13 1180
本示例主要展示了设定应用的桌面图标角标的功能，使用@ohos.notificationManager 接口，进行桌面角标的设置，通知的发送，获取等。
HarmonyOS实战开发-自定义通知。
m0_70749039的博客
04-12 884
本示例使用@ohos.notificationManager 等接口，展示了如何初始化不同类型通知的通知内容以及通知的发布、取消及桌面角标的设置，通知类型包括基本类型、长文本类型、多行文本类型、图片类型、带按钮的通知、点击可跳转到应用的通知。
HarmonyOS ArkUI容器类组件-角标组件（Badge）
m0_71263309的博客
04-22 915
ArkUI 开发框架提供了 Badge 容器组件，它用来标记提示信息的容器组件，最常用的场景比如 `Launcher` 桌面上的消息提示等，本节笔者简单介绍一下 **Badge** 的使用。
鸿蒙HarmonyOS NEXT开发：自定义事件分发（ArkTS组件事件）
shudaoshanBBQ的博客
08-07 983
ArkUI在处理触屏事件时，会在触屏事件触发前进行按压点和组件区域的触摸测试
鸿蒙HarmonyOS NEXT开发：自定义绘制设置（ArkTS通用属性）
shudaoshanBBQ的博客
08-11 411
自定义组件绘制提供了自定义绘制修改器，来实现更自由地组件绘制。
自学HarmonyOS应用开发（66）- 自定义布局（1）
面向对象思考
04-07 1266
Harmony应用开发文档中为Java开发者提供了6种UI布局，可以满足开发者的大部分需求。但是有一个问题是：这些布局一旦显示，用户便无法进行调整。我们开发一个自定义布局来解决这个问题。以下是效果演示： 效果演示 内容比较多，今天是第一部分，先实现一个按比例分配显示空间的布局。 定义DynamicLayout类 自定义布局类除了要继承ComponentContainer类的功能之外，还要实现 EstimateSizeListener和ArrangeListener接口的功能。​​​​​​​
鸿蒙HarmonyOS NEXT开发：自定义事件拦截（ArkTS组件事件）
shudaoshanBBQ的博客
08-07 741
为组件提供自定义的事件拦截能力
鸿蒙HarmonyOS NEXT开发：自定义属性设置（ArkTS通用属性）
最新发布
shudaoshanBBQ的博客
08-11 601
当开发者希望在组件上设置自定义的属性时，可以使用自定义属性设置功能...........
Android为应用添加数字角标的简单实现
08-30
角标（Badge）通常是一个带有数字的小图标，显示在应用图标右上角，用于指示应用内未处理的通知或提醒数量。当用户查看并处理完这些提醒后，角标通常会自动清除。在iOS系统中，角标功能是系统级别的，而在Android中...
iOS实现自定义购物车角标显示购物数量（添加商品时角标抖动 Vie）
08-30
在iOS应用开发中，特别是在商城类App中，购物车功能是不可或缺的一部分，而购物车的角标则用于直观地展示用户未结算的商品数量。本文将详细介绍如何在iOS中实现自定义购物车角标，以及在添加商品时实现角标的动态...
iOS如何优雅地消除应用角标详解
08-28
在iOS开发中，应用角标（App Badge）是一种常见的用户界面元素，用于提示用户应用程序中有未读或待处理的通知或消息。它通常显示在应用程序图标的右上角，以一个红色圆点或带有数字的圆点形式出现。这篇文章将深入...
Android 通知栏8.0 以及角标数字显示
10-29
你可以在这里添加适配Android 8.0通知栏和角标数字显示的代码，确保在应用启动时正确配置通知渠道。 总之，适配Android 8.0的通知栏和角标显示，关键在于理解并利用通知渠道和`NotificationChannel`类。同时，考虑...
鸿蒙AI功能开发【hiai引擎框架-通用文字识别】 基础视觉服务
2301_76813281的博客
08-07 508
本示例展示了使用hiai引擎框架提供的通用文字识别能力。 本示例模拟了在应用里，选择一张图片，识别其文字信息并展示出来（可复制）。 需要使用hiai引擎框架通用文字识别接口@kit.CoreVisionKit.d.ts。
【HarmonyOS NEXT星河版开发学习】小型测试案例06-小红书卡片
2302_80329073的博客
08-06 823
在鸿蒙（HarmonyOS）开发中，自适应伸缩是指应用程序能够根据不同设备的屏幕尺寸、分辨率和形态（如手机、平板、电视）自动调整布局和元素大小，以确保用户界面在各种设备上都能良好地显示和使用。约束布局（ConstraintLayout）
鸿蒙AI功能开发【hiai引擎框架-分词、实体抽取】 自然语言理解服务
2301_76813281的博客
08-08 262
本示例展示了使用hiai引擎框架提供的基于自然语言处理服务的分词、实体抽取功能。 本示例模拟了在应用里，输入一段文字，调用分词、实体抽取能力后得到的结果。 需要使用hiai引擎框架通用文字识别接口@hms.ai.nlp.textProcessing.d.ts。
鸿蒙HarmonyOS开发：多种内置弹窗及自定义弹窗的详细使用指南
在这里，我分享我的技术心得、项目经验、实用的技术教程、深入的技术分析以及前端开发的最新动态，希望能帮助到更多的人。
08-08 1694
弹窗是移动应用中常见的一种用户界面元素，常用于显示一些重要的信息、提示用户进行操作或收集用户输入。ArkTS提供了多种内置的弹窗供开发者使用，除此之外还支持自定义弹窗，来满足各种不同的需求。不同弹窗的详细使用介绍，消息提示框（showToast）、对话框（showDialog）、警告弹窗（AlertDialog）、操作菜单（showActionMenu）、操作列表弹窗（ActionSheet）、文本滑动选择器弹窗 (TextPickerDialog)、自定义弹窗 (CustomDialog)。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值