[C#/MAUI/.NET6] FontImageSource 엘리먼트 : IONICONS 폰트 아이콘 표시하기

TestProject.zip

0.21MB

▶ MauiProgram.cs

namespace TestProject;

/// <summary>
/// MAUI 프로그램
/// </summary>
public static class MauiProgram
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Static
    //////////////////////////////////////////////////////////////////////////////// Public

    #region MAUI 앱 생성하기 - CreateMauiApp()

    /// <summary>
    /// MAUI 앱 생성하기
    /// </summary>
    /// <returns>MAUI 앱</returns>
    public static MauiApp CreateMauiApp()
    {
        MauiAppBuilder builder = MauiApp.CreateBuilder();

        builder
            .UseMauiApp<App>()
            .ConfigureFonts
            (
                fontCollection =>
                {
                    fontCollection.AddFont("OpenSans-Regular.ttf" , "OpenSansRegular" );
                    fontCollection.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
                    fontCollection.AddFont("ionicons.ttf"         , "ionicons"        );
                }
            );

        return builder.Build();
    }

    #endregion
}

 

728x90

 

▶ MainPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
    <StackLayout
        HorizontalOptions="Center"
        VerticalOptions="Center"
        Orientation="Horizontal"
        Spacing="10">
        <Image>
            <Image.Source>
                <FontImageSource
                    FontFamily="ionicons"
                    Size="48"
                    Color="Red"
                    Glyph="&#xf30c;" />
            </Image.Source>
        </Image>
        <Image>
            <Image.Source>
                <FontImageSource
                    FontFamily="ionicons"
                    Size="48"
                    Color="Green"
                    Glyph="&#xf30c;" />
            </Image.Source>
        </Image>
        <Image>
            <Image.Source>
                <FontImageSource
                    FontFamily="ionicons"
                    Size="48"
                    Color="Blue"
                    Glyph="&#xf30c;" />
            </Image.Source>
        </Image>
    </StackLayout>
</ContentPage>