【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比例的)
image
image

posted @ 2023-04-23 16:24  Yu-Core  阅读(359)  评论(0编辑  收藏  举报