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

发布时间 2023-04-23 16:28:17作者: Yu-Core

【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.5的比例是最好的,如果不匹配就自行调整,这两条配合使用就可以了。在没出这个之前,是需要自己改图片的,很痛苦。

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

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

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

对比一下,单独配置前与配置后的图标
image
image