【MAUI Blazor踩坑日记】1.关于图标的处理

前言

本系列文章，默认你已经踏上了MAUI Blazor的贼船，并且对MAUI Blazor有了一些了解，知道MAUI是什么，知道Blazor是什么。

不会教你怎么写MAUI Blazor的项目，只是提出一些注意点，避免踩坑。

正文

• 先看官方资料

https://learn.microsoft.com/zh-cn/dotnet/maui/user-interface/images/app-icons?view=net-maui-7.0&tabs=android

• 更换图标文件

更换时与原来图标的文件名一致就好，用其他名字会比较麻烦。appicon.svg是底色文件，appiconfg.svg才是真正的图标

• 安卓图标单独配置

官方文档中有一条是【为每个平台使用不同的图标】，注意这一条，因为必须要用到。安卓的图标是要单独处理的，否则会因为比例放大而变得很难看。

里面还有一条【自适应启动器】，这个貌似是新出的，我试了一下，官府推荐的比例是0.65，这个比例就差不多与别的系统图标默认大小持平了，如果不匹配就自行调整，这两条配合使用就可以了。在没出这个之前，是需要自己改图片的，很痛苦。

下面是例子，大家可以参考一下。

<!-- App icon for android -->
<MauiIcon Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'android'" Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" ForegroundScale="0.65" Color="#FFFFFF" />

<!-- App Icon -->
<MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" Color="#FFFFFF" />

对比一下，单独配置前与配置后的图标（第二个是0.5比例的）