MAUI Blazor+MASA开发安卓应用学习笔记 - 设置图标和初始屏幕

上一期已经成功生成了APK能成功安装到手机上了，图标和初始屏幕很难看，接下来着手修改图标和初始屏幕

一、修改图标

打开项目文件.csproj，找到以下代码

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

可以看出这里有2个SVG文件，用一个在线编辑SVG的工具(https://tooltt.com/svg/)分别打开查看这2个文件，可以看出appicon.svg是背景图，appiconfg.svg是前景图，而且他们的大小都是456。

简单点来说，就是拿个图片切成456*456，把appiconfg.svg的内容替的掉就好了。但是这里面有个坑，就是在手机里拖动图标放手后，在图标的地方会有一个底色，直到图标返回后再会把那个底色给覆盖掉。这个底色就是appicon.svg。所以这里我们不但要改appiconfg.svg，还要改appicon.svg，把他替换成一个全透明的图就好了。图标可以AIDesign生成一个(https://ailogo.qq.com/guide/brandname)。

<!-- App Icon -->
<MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" ForegroundScale="0.67" />

把2张图放好，把Color属性去掉，换成一个ForegroundScale属性，这个属性是图标的大小，官方推荐是0.65，我这里测试出来0.67刚好合适，这个要多测试，找到一个最佳值。

二、修改初始屏幕

打开项目文件.csproj，找到以下代码

<!-- Splash Screen -->
<MauiSplashScreen Include="Resources\Splash\splash.svg" Color="#512BD4" BaseSize="128,128" />

splash.svg就是初始屏幕的文件，用工具打开查看，仍然是一个456大小的图片，像替的图标一下，把这个图像换掉就可以了。这里需要注意由于初始屏幕是一张方型图，方型以为都会用Color属性的颜色来填充，用取色工具取出图像背景色，赋给Color，这样颜色就能保持一致了。

<!-- Splash Screen -->
<MauiSplashScreen Include="Resources\Splash\splash.svg" Color="#F6F8FA" BaseSize="128,128" />

初始屏幕的设置只会这么改，至于怎么改成一张整图，我试了好久都没成功，望大神指教。