[C#/MAUI/COMMUNITY TOOLKIT/.NET6] MaskedBehavior 엘리먼트 : UnmaskedCharacter 속성을 사용해 사용자 지정 프롬프트 문자 설정하기 (프리뷰 버전 오류)

■ MaskedBehavior 엘리먼트의 UnmaskedCharacter 속성을 사용해 사용자 지정 프롬프트 문자를 설정하는 방법을 보여준다.

▶ 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"
    xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit">
    <Entry
        HorizontalOptions="Center"
        VerticalOptions="Center"
        BackgroundColor="Yellow"
        Placeholder="계좌 번호를 입력해 주시기 바랍니다."
        Keyboard="Numeric">
        <Entry.Behaviors>
            <toolkit:MaskedBehavior
                Mask="0000X0000X0000X0000"
                UnmaskedCharacter="0" />
        </Entry.Behaviors>
    </Entry>
</ContentPage>

<?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"

xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit">

<Entry

HorizontalOptions="Center"

VerticalOptions="Center"

BackgroundColor="Yellow"

Placeholder="계좌 번호를 입력해 주시기 바랍니다."

Keyboard="Numeric">

<Entry.Behaviors>

<toolkit:MaskedBehavior

Mask="0000X0000X0000X0000"

UnmaskedCharacter="0" />

</Entry.Behaviors>

</Entry>

</ContentPage>

▶ MauiProgram.cs


using CommunityToolkit.Maui;

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>()
            .UseMauiCommunityToolkit()
            .ConfigureFonts
            (
                fontCollection =>
                {
                    fontCollection.AddFont("OpenSans-Regular.ttf" , "OpenSansRegular" );
                    fontCollection.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
                }
            );

        return builder.Build();
    }

    #endregion
}

using CommunityToolkit.Maui;

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>()

.UseMauiCommunityToolkit()

.ConfigureFonts

(

fontCollection =>

{

fontCollection.AddFont("OpenSans-Regular.ttf" , "OpenSansRegular" );

fontCollection.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");

}

);

return builder.Build();

}

#endregion

}

※ 프리뷰 버전 테스트시, 입력시 커서 이동이 비정상적이었다.

TestProject.zip