首页 > 其他分享 >MAUI Blazor+MASA开发安卓应用学习笔记 - 设置图标和初始屏幕

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

时间:2024-02-26 15:25:09浏览次数:16  
标签:MASA svg 安卓 456 MAUI appicon 屏幕 初始 图标

上一期已经成功生成了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" />

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

标签:MASA,svg,安卓,456,MAUI,appicon,屏幕,初始,图标
From: https://www.cnblogs.com/TanSea/p/18034335/MAUI_Blazor_MASA_Icon_Splash

相关文章

  • MAUI Blazor+MASA开发安卓应用学习笔记 - 设置APP格式、名称、版本信息
    上一期说到了如何生成APP应用,生成的文件是AAB格式的,这个格式安装不是很方便,如果能生成APK就好了 一、设置APP格式打开项目文件.csproj,在PropertyGroup下添加属性<AndroidPackageFormat>apk</AndroidPackageFormat>二、设置名称和版本信息在项目文件里,可以设置全局的应用......
  • MAUI Blazor+MASA开发安卓应用学习笔记 - 新建项目和发布
    PS:开个新坑,内容都是全新接触的东西,包括MAUI,Blazor,MASA等等。整个项目都边学习边做的,有什么错的地方望大神指教。 学习开发安卓应用,我们的最终目标就是要生成一个APP应用,并能成功的在手机端打开。那么,我们首先要解决的就是怎么生成APP应用。一、创建一个.NETMAUIBlazor应用(注......
  • 【安卓逆向】一款小说app去除广告与解锁vip分析
    这次的受害者是一款破解圈里面大名鼎鼎的:56yU6Laj6ZiB......
  • 当今最强最有诚意的安卓平板!Xiaomi Pad 6S Pro 12.4 评测:在线视频续航19小时
    一、前言:全方位升级的平板电脑2024年2月22日,小米正式推出了新一代平板XiaomiPad6SPro12.4。如果单从名字上看,它似乎是小米平板5Pro的升级版,但实际上,它是小米平板6Pro的下一代产品。XiaomiPad6SPro12.4搭载了高通骁龙8Gen2处理器,带来了35%的性能提升和40%的能效提升......
  • 安卓开发一个功能并将数据存储到Room中的流程以及注意事项
    开发流程与注意事项添加Room依赖:确保在build.gradle文件中添加了Room的依赖项。注意使用kapt插件而不是annotationProcessor来处理注解以及这二者之间的兼容性关系。定义实体(Entity):创建一个或多个实体类,用@Entity注解标记,表示数据库中的表。创建数据访问对象(DAO):定义一个接口,使......
  • 安卓应用开发日记3
    给添加账单的部分输入框做了一些限制和提示,时间没做限制只是个普通的输入框packagecom.example.helloworld;importandroidx.appcompat.app.AlertDialog;importandroidx.appcompat.app.AppCompatActivity;importandroid.content.DialogInterface;importandroid.content.Inten......
  • 安卓应用开发日记5
    优化一下删除功能,根据角色删除全部数据packagecom.example.helloworld;importandroidx.appcompat.app.AppCompatActivity;importandroid.content.Context;importandroid.database.sqlite.SQLiteDatabase;importandroid.os.Bundle;importandroid.view.View;importandroid.w......
  • 安卓应用开发日记10
    修正主界面显示资产,并且每次切入主界面重新计算总资产,简易记账本完工packagecom.example.helloworld;importstaticcom.example.helloworld.util.DateUtil.getTime;importandroidx.appcompat.app.AppCompatActivity;importandroid.content.Intent;importandroid.os.Bundle;i......
  • 安卓家庭记账本开发笔记8(补2月4日,2月5日,2月7日,2月8日)
    完成收支记录界面的按钮的监听以及点击事件的逻辑编写在后端模块创建一个名为frag_record的软件包,在其中创建三个java类,其中两个分别对应支出和收入,因为两者基本逻辑相同,所以将两者相同的部分提取出来写一个通用java类。然后支出和收入的java类继承于通用类,然后相应的不同功能在......
  • 安卓应用开发日记1
    创建项目,先把主界面搞出来packagecom.example.helloworld;importstaticcom.example.helloworld.util.DateUtil.getTime;importandroidx.appcompat.app.AppCompatActivity;importandroid.content.Intent;importandroid.os.Bundle;importandroid.view.View;importandroid.w......