共计 7445 个字符，预计需要花费 19 分钟才能阅读完成。
背景
MAUI 的呈现，赋予了宽广 Net 开发者开发多平台利用的能力，MAUI 是 Xamarin.Forms 演变而来，然而相比 Xamarin 性能更好，可扩展性更强，构造更简略。然而 MAUI 对于平台相干的实现并不残缺。所以 MASA 团队发展了一个实验性我的项目，意在对微软 MAUI 的补充和扩大，我的项目地址https://github.com/BlazorComp…，每个性能都有独自的 demo 演示我的项目，思考到 app 安装文件体积（尽管 MAUI 曾经集成裁剪性能，然而该性能对于代码自身有影响），届时每一个性能都会以独自的 nuget 包的模式提供，不便测试，当初我的项目才刚刚开始，然而置信很快就会有能够交付的内容啦。
前言
本系列文章面向挪动开发小白，从零开始进行平台相干性能开发，演示如何参考平台的官网文档应用 MAUI 技术来开发相应性能。
介绍
上一篇文章咱们集成了个推的音讯告诉，那么音讯达到挪动端之后，除了会在告诉栏显示之外，在利用的角标也会显示未读音讯的数量（小红点），而后用户点击查看音讯之后，这些数字角标也能够主动打消，这个性能在 MAUI 中如何实现呢。
一、iOS 局部
思路
https://developer.apple.com/d…
咱们参考一下官网文档，UIApplication 下有一个 applicationIconBadgeNumber 的属性
var applicationIconBadgeNumber: Int {get set}咱们只须要给这个属性赋值具体的整数即可，
https://developer.apple.com/d…
咱们能够通过 shared 获取以后 UIApplication 的实例，而后就能够给 applicationIconBadgeNumber 赋值了，然而如果你间接这样做，你会发现并没有成果，因为 iOS 8 当前，须要注册用户告诉，以取得用户的受权。
https://developer.apple.com/d…
咱们能够通过 UNUserNotificationCenter 的RequestAuthorization办法获取申请用户本地和近程的告诉权限。
开发步骤
咱们新建一个目录 Badger，并在上面新建 MAUI 类库我的项目Masa.Blazor.Maui.Plugin.Badger，
在Platforms下的 iOS 文件夹新建 MasaMauiBadgerService 局部类
using UIKit;
using UserNotifications;
namespace Masa.Blazor.Maui.Plugin.Badger
{
public static partial class MasaMauiBadgerService
{private static void PlatformSetNotificationCount(int count)
{
// Requests the user’s authorization to allow local and remote notifications for your app.
UNUserNotificationCenter.Current.RequestAuthorization(UNAuthorizationOptions.Badge, (r, e) =>{});
// The number currently set as the badge of the app icon on the Home screen
// Set to 0 (zero) to hide the badge number. The default value of this property is 0.
UIApplication.SharedApplication.ApplicationIconBadgeNumber = count;
}
}
}RequestAuthorization 办法有两个参数
1、UNAuthorizationOptions 代表利用申请的受权选项，这里咱们应用 Badge
2、completionHandle 这是一个 Action，有两个参数，第一个参数是一个 bool 值，代表是否已授予受权，第二个参数是一个 NSError 类型，示意蕴含错误信息或未产生谬误的对象。咱们这里暂不解决出错的状况
咱们通过 UIApplication.SharedApplication 获取以后的 UIApplication 实例，而后间接给
ApplicationIconBadgeNumber 赋值，这里如果咱们想革除角标，就间接赋值 0 即可。
咱们持续在我的项目根目录新建 MasaMauiBadgerService 类，通过 SetNotificationCount 来调用不同平台的 PlatformSetNotificationCount 办法。
namespace Masa.Blazor.Maui.Plugin.Badger
{
// All the code in this file is included in all platforms.
public static partial class MasaMauiBadgerService
{public static void SetNotificationCount(int count)
{PlatformSetNotificationCount(count);
}
}
}二、安卓局部
思路
安卓局部比 iOS 绝对简单，咱们本着不造轮子的思维，找了一个现成的 aar 包，ShortcutBadger
我的项目 maven 地址：https://repo1.maven.org/maven…
开发步骤
1、咱们下载最新的 ShortcutBadger-1.1.22.aar 包，并新建 Android Java 库绑定 我的项目Masa.Blazor.Maui.Plugin.BadgerBinding
在根目录创立 Jars 文件夹，并将下载的 aar 文件增加进去。增加进去的文件属性中，生成操作默认抉择的是 AndroidLibrary，如果不对请手动更正。
右键生成这个我的项目，这里很顺利没有任何报错。
2、咱们在 Masa.Blazor.Maui.Plugin.Badger 我的项目中援用 Masa.Blazor.Maui.Plugin.BadgerBinding 我的项目，因为咱们只有在安卓平台须要我的项目援用，所以咱们手动批改一下我的项目文件中的援用局部，增加 Android 平台的判断。
<ItemGroup Condition="'$(TargetFramework)' == 'net7.0-android'">
<ProjectReference Include="..\Masa.Blazor.Maui.Plugin.BadgerBinding\Masa.Blazor.Maui.Plugin.BadgerBinding.csproj" />
</ItemGroup>3、从 Android 8.0（API 级别 26）开始，所有告诉都必须调配到相应的渠道，对于告诉通道的信息，能够参考以下官网文档
https://developer.android.goo…
Java 代码
private void createNotificationChannel() {
// Create the NotificationChannel, but only on API 26+ because
// the NotificationChannel class is new and not in the support library
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {CharSequence name = getString(R.string.channel_name);
String description = getString(R.string.channel_description);
int importance = NotificationManager.IMPORTANCE_DEFAULT;
NotificationChannel channel = new NotificationChannel(CHANNEL_ID, name, importance);
channel.setDescription(description);
// Register the channel with the system; you can't change the importance
// or other notification behaviors after this
NotificationManager notificationManager = getSystemService(NotificationManager.class);
notificationManager.createNotificationChannel(channel);
}
}
咱们参照以上写法，在 Masa.Blazor.Maui.Plugin.Badger 我的项目的 Android 平台目录下新建 MasaMauiBadgerService 类，增加一个CreateNotificationChannel 办法
using Android.App;
using AndroidX.Core.App;
namespace Masa.Blazor.Maui.Plugin.Badger
{
// All the code in this file is included in all platforms.
public static partial class MasaMauiBadgerService
{private static void CreateNotificationChannel()
{if (OperatingSystem.IsAndroidVersionAtLeast(26))
{using var channel = new NotificationChannel($"{Android.App.Application.Context.PackageName}.channel", "Notification channel", NotificationImportance.Default)
{Description = "Masa notification channel"};
var notificationManager = NotificationManager.FromContext(Android.App.Application.Context);
notificationManager?.CreateNotificationChannel(channel);
}
}
}
}1、通过 OperatingSystem.IsAndroidVersionAtLeast 来判断以后的 Android 版本。
2、NotificationChannel的创立形式与 Java 统一，三个参数别离为 ChannelID，name、Importance
这里留神第三个参数代表重要性级别，咱们这里应用了NotificationImportance.Default。
用户可见的重要性级别 重要性（Android 8.0 及更高版本） 紧急：收回提示音，并以浮动告诉的模式显示 IMPORTANCE_HIG 高：收回提示音 IMPORTANCE_DEFAULT 中：无提示音 IMPORTANCE_LOW 低：无提示音，且不会在状态栏中显示 IMPORTANCE_MIN 3、Description 指定用户在零碎设置中看到的阐明。
4、通过 NotificationManager.FromContext 创立 notificationManager，而后调用CreateNotificationChannel 来创立告诉通道。
咱们持续增加 SetNotificationCount 办法
private static void PlatformSetNotificationCount(int count)
{ME.Leolin.Shortcutbadger.ShortcutBadger.ApplyCount(Android.App.Application.Context, count);
NotificationCompat.Builder builder = new(Android.App.Application.Context, $"{Android.App.Application.Context.PackageName}.channel");
builder.SetNumber(count);
builder.SetContentTitle(" ");
builder.SetContentText("");
builder.SetSmallIcon(Android.Resource.Drawable.SymDefAppIcon);
var notification = builder.Build();
var notificationManager = NotificationManager.FromContext(Android.App.Application.Context);
CreateNotificationChannel();
notificationManager?.Notify((int)DateTimeOffset.UtcNow.ToUnixTimeMilliseconds(), notification);
}1、调用 ShortcutBadger 的ApplyCount办法来增加角标
2、创立 NotificationCompat.Builder 示例，并以此设置角标显示数量（SetNumber），告诉的题目（SetContentTitle）和内容（SetContentText），以及告诉图标（SetSmallIcon）。
3、调用咱们刚写好的办法创立告诉通道。
4、通过NotificationManager.Notify 办法在状态栏公布一条告诉。
该办法有两个参数，第一个参数是一个 int 类型 id，这个 id 是告诉的标识符，在应用程序中应该惟一。这里须要留神：如果你公布了雷同 id 的告诉，并且前一个并没有勾销，那么该 id 对应的告诉会被更新。第二个参数是一个 notification 对象，是通过 NotificationCompat.Builder 创立进去的。
三、创立 Demo 我的项目
1、新建一个 MAUI Blazor 我的项目：BadgerSample, 增加对 Masa.Blazor.Maui.Plugin.Badger 我的项目的援用
2、增加 Android 权限：批改 Android 平台目录中的 AndroidManifest.xml 文件，增加必要的权限。
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
<application android:allowBackup="true" android:icon="@mipmap/appicon" android:roundIcon="@mipmap/appicon_round" android:supportsRtl="true"></application>
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.POST_NOTIFICATIONS"/>
<uses-permission android:name="android.permission.READ_APP_BADGE" />
<uses-permission android:name="com.android.launcher.permission.READ_SETTINGS"/>
<uses-permission android:name="com.android.launcher.permission.WRITE_SETTINGS"/>
<uses-permission android:name="com.android.launcher.permission.INSTALL_SHORTCUT" />
<uses-permission android:name="com.android.launcher.permission.UNINSTALL_SHORTCUT" />
</manifest>留神：国内不同手机厂家可能须要额定的权限配置，须要参考具体厂家的配置阐明。
3、批改 Index.razor 文件
理论的应用场景应该是挪动端接管音讯推送，在解决音讯推送的办法内批改角标，咱们这里为了简化，在页面间接通过按钮触发批改角标显示的数量。
@page "/"
@using Masa.Blazor.Maui.Plugin.Badger;
<h1>Masa blazor badger sample</h1>
Masa blazor badger sample.
<button @onclick="OnIncrementClicked">Add</button>
<button @onclick="OnClearClicked">Clear</button>
@code{
int count;
private void OnIncrementClicked()
{
count++;
MasaMauiBadgerService.SetNotificationCount(count);
}
private void OnClearClicked()
{
count = 0;
MasaMauiBadgerService.SetNotificationCount(count);
}
}Android 演示：演示机：vivo x70 pro+
iOS 演示：演示机：iPhone 14 iOS16 模拟器
如果你对咱们的 MASA Framework 感兴趣，无论是代码奉献、应用、提 Issue，欢送分割咱们
WeChat：MasaStackTechOps
QQ：7424099
