首页 > 其他分享 >【MAUI Blazor踩坑日记】1.关于图标的处理

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

时间:2023-04-23 16:35:15浏览次数:51  
标签:svg 安卓 MAUI Blazor 日记 图标

【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

标签:svg,安卓,MAUI,Blazor,日记,图标
From: https://www.cnblogs.com/Yu-Core/p/17346802.html

相关文章

  • Font Awesome 的图标类名怎么加入项目
    FontAwesome的图标类名怎么加入项目要在HTML中引入图标,您需要使用i元素,并将FontAwesome的CSS类名作为i元素的类属性。以下是一个示例代码,演示如何使用FontAwesome的大拇指向上图标<!--引入FontAwesome的CSS文件--><linkrel="stylesheet"href="https:......
  • dtcloud中台菜单图标添加方式
    在更新之后的dtcloud框架中,引入了菜单的图标,显示在菜单的左侧。这里给出添加的方法步骤。进入图标库点击个人图标下的“FontIcon”,进入图标库界面,可以在这里选择与模块相符合的图标。图标选择在图标库的界面中,按F12开启开发工具,进行元素检查,获取对应图标的class图例中......
  • mapbox-gl实战教程:单图层POI图标多样性
    在地图开发中,POI数据是不可或缺的一部分,各类地名、公共设施、商场超市、政府机构等等,都是地图上的POI数据;在业务系统,还有像摄像头、监测设备等POI数据;这些数据在地图上显示时,会形象地以各种图标形式进行显示,方便进行区分。mapbox-gl支持加载点状数据,并且能够设置点类型显示为图标,......
  • Deepin 系统图标更换方法
    测试成功的系统:Deepin20.9下载自己喜欢的图标主题文件(本文以WhiteSur主题为例):主题网站:https://www.gnome-look.org/browse?cat=132&ord=rating选择自己喜欢的图标主题,点进去。选择适合自己喜好的图标主题文件,点击下载即可。解压下载的图标主题文件压缩包:在下载文......
  • MAUI Blazor 实战:开发界面跟随系统主题切换的App
    ​1、安装MasaBlazor参考:MASABlazorhttps://blazor.masastack.com/getting-started/installation2、编写代码新建Service目录,并添加ThemeService.cs该 RequestedTheme 属性返回 AppTheme 枚举成员。 AppTheme 枚举定义下列成员:Unspecified,指示设备使用的是未指......
  • MAUI Blazor实战 - Android监听返回键
    MAUIBlazor实战-Android监听返回键@目录MAUIBlazor实战-Android监听返回键前言一、常规方法无效?二、使用DispatchKeyEvent总结前言我们在MAUIBlazor项目中有时需要监听Android返回键,例如防止多次点击后退出应用、防止退回到特定页面、以及特定页面禁用退回功能等。一......
  • MASA MAUI Plugin 集成个推,实现本地消息推送(六)【Android】篇
    MASAMAUIPlugin(六)集成个推,实现本地消息推送[Android]篇背景MAUI的出现,赋予了广大Net开发者开发多平台应用的能力,MAUI是Xamarin.Forms演变而来,但是相比Xamarin性能更好,可扩展性更强,结构更简单。但是MAUI对于平台相关的实现并不完整。所以MASA团队开展了一个实验性项目,意在对......
  • MASA MAUI Plugin 安卓蓝牙低功耗(二)蓝牙通讯
    MASAMAUIPlugin安卓蓝牙低功耗(二)蓝牙通讯项目背景MAUI的出现,赋予了广大Net开发者开发多平台应用的能力,MAUI是Xamarin.Forms演变而来,但是相比Xamarin性能更好,可扩展性更强,结构更简单。但是MAUI对于平台相关的实现并不完整。所以MASA团队开展了一个实验性项目,意在对微软MAUI的......
  • MASA MAUI Plugin IOS蓝牙低功耗(三)蓝牙扫描
    MASAMAUIPluginIOS蓝牙低功耗(三)蓝牙扫描项目背景MAUI的出现,赋予了广大Net开发者开发多平台应用的能力,MAUI是Xamarin.Forms演变而来,但是相比Xamarin性能更好,可扩展性更强,结构更简单。但是MAUI对于平台相关的实现并不完整。所以MASA团队开展了一个实验性项目,意在对微软MAUI的......
  • MASA MAUI Plugin (四)条形码、二维码扫描功能
    MASAMAUIPlugin(四)条形码、二维码扫描功能背景MAUI的出现,赋予了广大Net开发者开发多平台应用的能力,MAUI是Xamarin.Forms演变而来,但是相比Xamarin性能更好,可扩展性更强,结构更简单。但是MAUI对于平台相关的实现并不完整。所以MASA团队开展了一个实验性项目,意在对微软MAUI的补充......