世界今热点：MAUI新生4.5-字体图像集成Font&Image

手机

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

家电

世界今热点：MAUI新生4.5-字体图像集成Font&Image

2022-12-22 21:56:46 来源：博客园

一、字体集成：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字符值

关键词：设置字体属性设置文件属性