一、字体集成:MAUI默认使用OpenSans字体,通过引入新的字体库和图标字体库为案例说明
(资料图片仅供参考)
1、案例的字体库,均在www.iconfont.cn下载
(1)字体库为阿里巴巴普惠体的Thin35,Alibaba_PuHuiTi_2.0_35_Thin_35_Thin.ttf
(2)字体图标库的下载方式详见【三、字体图标下载方式】,将下载的字体图标库重命名为MyIconFont.ttf
2、将字体库ttf文件,复制到Resources\Fonts文件夹下
(1)复制到Resources\Fonts文件夹的ttf字体库,文件属性的生成操作将自动设置为 MauiFont
(2)如果要复制到其它文件夹,或Fonts文件夹下的子文件夹,需要修改两个地方:一是将文件属性的生成操作设置为 MauiFont,二是添加项目属性的
3、在MauiProgram.cs入口文件中,注册字体库
public static class MauiProgram{ public static MauiApp CreateMauiApp() { var builder = MauiApp.CreateBuilder(); builder .UseMauiApp() .ConfigureFonts(fonts => { fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular"); //模板默认注册的字体库 fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold"); //模板默认注册的字体库 fonts.AddFont("MyIconFont.ttf", "MyIconFont"); //注册MyIconFont.ttf字体库,别名为MyIconFont fonts.AddFont("Alibaba_PuHuiTi_2.0_35_Thin_35_Thin.ttf", "AliThin35");//注册Alibaba_PuHuiTi_2.0_35_Thin_35_Thin.ttf字体库,别名为AliThin35 });#if DEBUG builder.Logging.AddDebug();#endif return builder.Build(); }}
4、使用字体
二、图像集成
1、基本介绍
- 图像集成的主要功能是,在项目的单个位置指定的图像,可以根据不同平台要求,自动生成不同分辨率的图像,在应用图标、初始画面、导航图标等功能上会使用到。
- 建议使用SVG矢量格式图像,如使用SVG图像,在生成不同平台要求的图像是,会自动转为png图片格式。如在应用中引用图片资源,应将SVG图像的后缀修改为png,如dotnet_bot.svg矢量图,使用时用dotnet_bot.png
- 建议将SVG图像复制到默认的文件夹,如应用图标放到Resources\AppIcon文件夹下,初始画面放到Resources\Splash,其它图像放到Resources\Images,这样系统会将图像属性的生成操作自动设置为相应格式,否则就要手动设置,其中应用图标设置为MauiIcon,初始画面设置为MauiSplashScreen,集成图像设置为MauiImage。
- 为兼容Android,图像名称应使用小写字母,如dotnet_bot.svg
2、基本使用:双击项目,设置项目属性,在ItemGroup元素中,进行图像集成的设置
......
三、字体图标下载方式(以www.iconfont.cn为例):
1、找到需要的字体图标,并添加入库
2、打开购物车,下载字体代码
3、复制ttf字体到Resources\Fonts文件夹下(建议重命名),并查询字体的unicode字符值