.NET MAUI Image/Font 추가하기

.NET MAUI Image/Font 추가하기

 

Xamarin 에서는 폰트나 이미지를 추가할때 각 네이티브 프로젝트에서 처리를해야했습니다.

(공통 프로젝트에서 관리하는 방법도 있긴함)

 

그런데 MAUI 에서는 단순하게 파일을 추가해 주고 쓰면 됩니다.

Resources 폴더 아래에 Fonts, Images 폴더에 원하는 이미지와 폰트를 가져다 놓습니다.

이미지는 아래처럼 파일명만 넣고 쓰면 됩니다.

            <Image Grid.Row="4"
                Source="kei.png"
                SemanticProperties.Description="Cute dot net bot waving hi to you!"
                WidthRequest="250"
                HeightRequest="310"
                HorizontalOptions="Center" />

 

폰트는 MauiProgram.cs 에 아래처럼 원하는 폰트와 xaml 단에서 사용할 명칭을 넣어 추가해 줍니다.

public static MauiApp CreateMauiApp()
{
    var builder = MauiApp.CreateBuilder();
    builder
    .UseMauiApp<App>()
    .ConfigureFonts(fonts =>
    {
        fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
        fonts.AddFont("NotoSans-Regular.ttf", "NotoSansRegular");
        fonts.AddFont("NanumBrush.ttf", "NanumBrush");
    });

    return builder.Build();
}

xaml 단에서는 위에서 정의한 명칭을 넣어주면 됩니다.

<Label 
    Text="Hello, World!"
    Grid.Row="0"
    SemanticProperties.HeadingLevel="Level1"
    FontSize="32"
    HorizontalOptions="Center" 
    FontFamily="NanumBrush"/>

 

Resources 폴더를 보면 알수 있듯이 Font, Image 말고도 여러 형식을 공통으로 관리가 되고 있음을 알 수 있습니다.