BEHAVIOR Archives - 3 중 2 번째 페이지

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] UserStoppedTypingBehavior 클래스 : 사용자 입력 중단시 처리하기

■ UserStoppedTypingBehavior 클래스에서 사용자 입력 중단시 처리하는 방법을 보여준다. ▶ 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">
    <Entry x:Name="entry"
        HorizontalOptions="Center"
        VerticalOptions="Center"
        BackgroundColor="Yellow"
        Placeholder="사용자 입력 중단시 동작이 실행됩니다." />
</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">

<Entry x:Name="entry"

HorizontalOptions="Center"

VerticalOptions="Center"

BackgroundColor="Yellow"

Placeholder="사용자 입력 중단시 동작이 실행됩니다." />

</ContentPage>

▶ MainPage.xaml.cs


using System.Windows.Input;

using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Property
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 검색 명령 - SearchCommand

    /// <summary>
    /// 검색 명령
    /// </summary>
    public ICommand SearchCommand { get; private set; }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        SearchCommand = new Command
        (
            () =>
            {
                MainThread.BeginInvokeOnMainThread
                (
                    async () => await DisplayAlert("INFORMATION", "입력한 항목을 검색합니다.", "확인")
                );
            }
        );

        BindingContext = this;

        UserStoppedTypingBehavior behavior = new UserStoppedTypingBehavior()
        {
            StoppedTypingTimeThreshold         = 1000,
            MinimumLengthThreshold             = 3,
            ShouldDismissKeyboardAutomatically = true
        };

        behavior.SetBinding(UserStoppedTypingBehavior.CommandProperty,  nameof(SearchCommand));

        this.entry.Behaviors.Add(behavior);
    }

    #endregion
}

using System.Windows.Input;

using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 검색 명령 - SearchCommand

/// <summary>

/// 검색 명령

/// </summary>

public ICommand SearchCommand { get; private set; }

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

SearchCommand = new Command

(

() =>

{

MainThread.BeginInvokeOnMainThread

(

async () => await DisplayAlert("INFORMATION", "입력한 항목을 검색합니다.", "확인")

);

}

);

BindingContext = this;

UserStoppedTypingBehavior behavior = new UserStoppedTypingBehavior()

{

StoppedTypingTimeThreshold = 1000,

MinimumLengthThreshold = 3,

ShouldDismissKeyboardAutomatically = true

};

behavior.SetBinding(UserStoppedTypingBehavior.CommandProperty, nameof(SearchCommand));

this.entry.Behaviors.Add(behavior);

}

#endregion

}

▶ 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

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] UserStoppedTypingBehavior 엘리먼트 : 사용자 입력 중단시 처리하기

■ UserStoppedTypingBehavior 엘리먼트에서 사용자 입력 중단시 처리하는 방법을 보여준다. ▶ 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="사용자 입력 중단시 동작이 실행됩니다.">
        <Entry.Behaviors>
            <toolkit:UserStoppedTypingBehavior
                Command="{Binding SearchCommand}"
                StoppedTypingTimeThreshold="1000"
                MinimumLengthThreshold="3"
                ShouldDismissKeyboardAutomatically="True" />
        </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="사용자 입력 중단시 동작이 실행됩니다.">

<Entry.Behaviors>

<toolkit:UserStoppedTypingBehavior

Command="{Binding SearchCommand}"

StoppedTypingTimeThreshold="1000"

MinimumLengthThreshold="3"

ShouldDismissKeyboardAutomatically="True" />

</Entry.Behaviors>

</Entry>

</ContentPage>

▶ MainPage.xaml.cs


using System.Windows.Input;

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Property
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 검색 명령 - SearchCommand

    /// <summary>
    /// 검색 명령
    /// </summary>
    public ICommand SearchCommand { get; private set; }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        SearchCommand = new Command
        (
            () =>
            {
                MainThread.BeginInvokeOnMainThread
                (
                    async () => await DisplayAlert("INFORMATION", "입력한 항목을 검색합니다.", "확인")
                );
            }
        );

        BindingContext = this;
    }

    #endregion
}

using System.Windows.Input;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 검색 명령 - SearchCommand

/// <summary>

/// 검색 명령

/// </summary>

public ICommand SearchCommand { get; private set; }

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

SearchCommand = new Command

(

() =>

{

MainThread.BeginInvokeOnMainThread

(

async () => await DisplayAlert("INFORMATION", "입력한 항목을 검색합니다.", "확인")

);

}

);

BindingContext = this;

}

#endregion

}

▶ 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

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] UriValidationBehavior 클래스 : 사용자 입력 URI 검증하기

■ UriValidationBehavior 클래스에서 사용자 입력 URI를 검증하는 방법을 보여준다. ▶ 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">
    <Entry x:Name="entry"
        HorizontalOptions="Center"
        VerticalOptions="Center"
        BackgroundColor="Yellow"
        Placeholder="URI를 입력해 주시기 바랍니다." />
</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">

<Entry x:Name="entry"

HorizontalOptions="Center"

VerticalOptions="Center"

BackgroundColor="Yellow"

Placeholder="URI를 입력해 주시기 바랍니다." />

</ContentPage>

▶ MainPage.xaml.cs


using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        Style validStyle = new Style(typeof(Entry));

        validStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Green });

        Style invalidStyle = new Style(typeof(Entry));

        invalidStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Red });

        UriValidationBehavior behavior = new UriValidationBehavior
        {
            ValidStyle   = validStyle,
            InvalidStyle = invalidStyle,
            Flags        = ValidationFlags.ValidateOnValueChanged,
            UriKind      = UriKind.Absolute
        };

        this.entry.Behaviors.Add(behavior);
    }

    #endregion
}

using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

Style validStyle = new Style(typeof(Entry));

validStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Green });

Style invalidStyle = new Style(typeof(Entry));

invalidStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Red });

UriValidationBehavior behavior = new UriValidationBehavior

{

ValidStyle = validStyle,

InvalidStyle = invalidStyle,

Flags = ValidationFlags.ValidateOnValueChanged,

UriKind = UriKind.Absolute

};

this.entry.Behaviors.Add(behavior);

}

#endregion

}

▶ 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

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] UriValidationBehavior 엘리먼트 : 사용자 입력 URI 검증하기

■ UriValidationBehavior 엘리먼트에서 사용자 입력 URI를 검증하는 방법을 보여준다. ▶ 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">
    <ContentPage.Resources>
        <Style x:Key="ValidEntryStyleKey" TargetType="Entry">
            <Setter Property="TextColor" Value="Green" />
        </Style>
        <Style x:Key="InvalidEntryStyleKey" TargetType="Entry">
            <Setter Property="TextColor" Value="Red" />
        </Style>
    </ContentPage.Resources>
    <Entry
        HorizontalOptions="Center"
        VerticalOptions="Center"
        BackgroundColor="Yellow"
        Placeholder="URI를 입력해 주시기 바랍니다.">
        <Entry.Behaviors>
            <toolkit:UriValidationBehavior
                ValidStyle="{StaticResource ValidEntryStyleKey}"
                InvalidStyle="{StaticResource InvalidEntryStyleKey}"
                Flags="ValidateOnValueChanged"
                UriKind="Absolute" />
        </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">

<ContentPage.Resources>

</Style>

</Style>

</ContentPage.Resources>

<Entry

HorizontalOptions="Center"

VerticalOptions="Center"

BackgroundColor="Yellow"

Placeholder="URI를 입력해 주시기 바랍니다.">

<Entry.Behaviors>

<toolkit:UriValidationBehavior

ValidStyle="{StaticResource ValidEntryStyleKey}"

InvalidStyle="{StaticResource InvalidEntryStyleKey}"

Flags="ValidateOnValueChanged"

UriKind="Absolute" />

</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

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] TextValidationBehavior 클래스 : MinimumLength/MaximumLength 속성을 사용해 사용자 입력 문자열 길이 검증하기

■ TextValidationBehavior 클래스의 MinimumLength/MaximumLength 속성을 사용해 사용자 입력 문자열 길이를 검증하는 방법을 보여준다. ▶ 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">
    <Entry x:Name="entry"
        HorizontalOptions="Center"
        VerticalOptions="Center"
        BackgroundColor="Yellow"
        Placeholder="값을 입력해 주시기 바랍니다." />
</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">

<Entry x:Name="entry"

HorizontalOptions="Center"

VerticalOptions="Center"

BackgroundColor="Yellow"

Placeholder="값을 입력해 주시기 바랍니다." />

</ContentPage>

▶ MainPage.xaml.cs


using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        Style validStyle = new Style(typeof(Entry));

        validStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Green });

        Style invalidStyle = new Style(typeof(Entry));

        invalidStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Red });

        TextValidationBehavior behavior = new TextValidationBehavior
        {
            ValidStyle    = validStyle,
            InvalidStyle  = invalidStyle,
            Flags         = ValidationFlags.ValidateOnValueChanged,
            MinimumLength = 1,
            MaximumLength = 10
        };

        this.entry.Behaviors.Add(behavior);
    }

    #endregion
}

using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

Style validStyle = new Style(typeof(Entry));

validStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Green });

Style invalidStyle = new Style(typeof(Entry));

invalidStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Red });

TextValidationBehavior behavior = new TextValidationBehavior

{

ValidStyle = validStyle,

InvalidStyle = invalidStyle,

Flags = ValidationFlags.ValidateOnValueChanged,

MinimumLength = 1,

MaximumLength = 10

};

this.entry.Behaviors.Add(behavior);

}

#endregion

}

▶ 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

}

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] TextValidationBehavior 엘리먼트 : MinimumLength/MaximumLength 속성을 사용해 사용자 입력 문자열 길이 검증하기

■ TextValidationBehavior 엘리먼트의 MinimumLength/MaximumLength 속성을 사용해 사용자 입력 문자열 길이를 검증하는 방법을 보여준다. ▶ 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">
    <ContentPage.Resources>
        <Style x:Key="ValidEntryStyleKey" TargetType="Entry">
            <Setter Property="TextColor" Value="Green" />
        </Style>
        <Style x:Key="InvalidEntryStyleKey" TargetType="Entry">
            <Setter Property="TextColor" Value="Red" />
        </Style>
    </ContentPage.Resources>
    <Entry
        HorizontalOptions="Center"
        VerticalOptions="Center"
        BackgroundColor="Yellow"
        Placeholder="값을 입력해 주시기 바랍니다.">
        <Entry.Behaviors>
            <toolkit:TextValidationBehavior
                ValidStyle="{StaticResource ValidEntryStyleKey}"
                InvalidStyle="{StaticResource InvalidEntryStyleKey}"
                Flags="ValidateOnValueChanged"
                MinimumLength="1"
                MaximumLength="10" />
        </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">

<ContentPage.Resources>

</Style>

</Style>

</ContentPage.Resources>

<Entry

HorizontalOptions="Center"

VerticalOptions="Center"

BackgroundColor="Yellow"

Placeholder="값을 입력해 주시기 바랍니다.">

<Entry.Behaviors>

<toolkit:TextValidationBehavior

ValidStyle="{StaticResource ValidEntryStyleKey}"

InvalidStyle="{StaticResource InvalidEntryStyleKey}"

Flags="ValidateOnValueChanged"

MinimumLength="1"

MaximumLength="10" />

</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

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] SetFocusOnEntryCompletedBehavior 클래스 : SetNextElement 정적 메소드를 사용해 항목 입력 완료시 다음 컨트롤 포커스 설정하기

■ SetFocusOnEntryCompletedBehavior 클래스의 SetNextElement 정적 메소드를 사용해 항목 입력 완료시 다음 컨트롤 포커스를 설정하는 방법을 보여준다. ▶ 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"
        Spacing="10">
        <Entry x:Name="entry1"
            HorizontalOptions="Center"
            BackgroundColor="Yellow"
            ReturnType="Next"
            Placeholder="값을 입력해 주시기 바랍니다." />
        <Entry x:Name="entry2"
            HorizontalOptions="Center"
            BackgroundColor="Yellow"
            ReturnType="Next"
            Placeholder="값을 입력해 주시기 바랍니다." />
        <Entry x:Name="entry3"
            HorizontalOptions="Center"
            BackgroundColor="Yellow"
            Placeholder="값을 입력해 주시기 바랍니다." />
    </StackLayout>
</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">

<StackLayout

HorizontalOptions="Center"

VerticalOptions="Center"

Spacing="10">

<Entry x:Name="entry1"

HorizontalOptions="Center"

BackgroundColor="Yellow"

ReturnType="Next"

Placeholder="값을 입력해 주시기 바랍니다." />

<Entry x:Name="entry2"

HorizontalOptions="Center"

BackgroundColor="Yellow"

ReturnType="Next"

Placeholder="값을 입력해 주시기 바랍니다." />

<Entry x:Name="entry3"

HorizontalOptions="Center"

BackgroundColor="Yellow"

Placeholder="값을 입력해 주시기 바랍니다." />

</StackLayout>

</ContentPage>

▶ MainPage.xaml.cs


using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        SetFocusOnEntryCompletedBehavior.SetNextElement(this.entry1, this.entry2);

        SetFocusOnEntryCompletedBehavior.SetNextElement(this.entry2, this.entry3);
    }

    #endregion
}

using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

SetFocusOnEntryCompletedBehavior.SetNextElement(this.entry1, this.entry2);

SetFocusOnEntryCompletedBehavior.SetNextElement(this.entry2, this.entry3);

}

#endregion

}

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] SetFocusOnEntryCompletedBehavior 엘리먼트 : NextElement 첨부 속성을 사용해 항목 입력 완료시 다음 컨트롤 포커스 설정하기

■ SetFocusOnEntryCompletedBehavior 엘리먼트의 NextElement 첨부 속성을 사용해 항목 입력 완료시 다음 컨트롤 포커스를 설정하는 방법을 보여준다. ▶ 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">
    <StackLayout
        HorizontalOptions="Center"
        VerticalOptions="Center"
        Spacing="10">
        <Entry x:Name="entry1"
            HorizontalOptions="Center"
            BackgroundColor="Yellow"
            ReturnType="Next"
            toolkit:SetFocusOnEntryCompletedBehavior.NextElement="{x:Reference entry2}"
            Placeholder="값을 입력해 주시기 바랍니다." />
        <Entry x:Name="entry2"
            HorizontalOptions="Center"
            BackgroundColor="Yellow"
            ReturnType="Next"
            toolkit:SetFocusOnEntryCompletedBehavior.NextElement="{x:Reference entry3}"
            Placeholder="값을 입력해 주시기 바랍니다." />
        <Entry x:Name="entry3"
            HorizontalOptions="Center"
            BackgroundColor="Yellow"
            Placeholder="값을 입력해 주시기 바랍니다." />
    </StackLayout>
</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">

<StackLayout

HorizontalOptions="Center"

VerticalOptions="Center"

Spacing="10">

<Entry x:Name="entry1"

HorizontalOptions="Center"

BackgroundColor="Yellow"

ReturnType="Next"

toolkit:SetFocusOnEntryCompletedBehavior.NextElement="{x:Reference entry2}"

Placeholder="값을 입력해 주시기 바랍니다." />

<Entry x:Name="entry2"

HorizontalOptions="Center"

BackgroundColor="Yellow"

ReturnType="Next"

toolkit:SetFocusOnEntryCompletedBehavior.NextElement="{x:Reference entry3}"

Placeholder="값을 입력해 주시기 바랍니다." />

<Entry x:Name="entry3"

HorizontalOptions="Center"

BackgroundColor="Yellow"

Placeholder="값을 입력해 주시기 바랍니다." />

</StackLayout>

</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

}

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] RequiredStringValidationBehavior 클래스 : 사용자의 특정 텍스트 입력 여부 검증하기

■ RequiredStringValidationBehavior 클래스를 사용해 사용자의 특정 텍스트 입력 여부를 검증하는 방법을 보여준다. ▶ 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">
    <Entry x:Name="entry"
        HorizontalOptions="Center"
        VerticalOptions="Center"
        BackgroundColor="Yellow"
        Placeholder="값을 입력해 주시기 바랍니다." />
</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">

<Entry x:Name="entry"

HorizontalOptions="Center"

VerticalOptions="Center"

BackgroundColor="Yellow"

Placeholder="값을 입력해 주시기 바랍니다." />

</ContentPage>

▶ MainPage.xaml.cs


using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        Style validStyle = new Style(typeof(Entry));

        validStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Green }
        );

        Style invalidStyle = new Style(typeof(Entry));

        invalidStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Red });

        RequiredStringValidationBehavior behavior = new RequiredStringValidationBehavior
        {
            ValidStyle     = validStyle,
            InvalidStyle   = invalidStyle,
            Flags          = ValidationFlags.ValidateOnValueChanged,
            RequiredString = "MAGIC ANSWER"
        };

        this.entry.Behaviors.Add(behavior);
    }

    #endregion
}

using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

Style validStyle = new Style(typeof(Entry));

validStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Green }

);

Style invalidStyle = new Style(typeof(Entry));

invalidStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Red });

RequiredStringValidationBehavior behavior = new RequiredStringValidationBehavior

{

ValidStyle = validStyle,

InvalidStyle = invalidStyle,

Flags = ValidationFlags.ValidateOnValueChanged,

RequiredString = "MAGIC ANSWER"

};

this.entry.Behaviors.Add(behavior);

}

#endregion

}

▶ 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

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] RequiredStringValidationBehavior 엘리먼트 : 사용자의 특정 텍스트 입력 여부 검증하기

■ RequiredStringValidationBehavior 엘리먼트를 사용해 사용자의 특정 텍스트 입력 여부를 검증하는 방법을 보여준다. ▶ 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">
    <ContentPage.Resources>
        <Style x:Key="ValidEntryStyleKey" TargetType="Entry">
            <Setter Property="TextColor" Value="Green" />
        </Style>
        <Style x:Key="InvalidEntryStyleKey" TargetType="Entry">
            <Setter Property="TextColor" Value="Red" />
        </Style>
    </ContentPage.Resources>
    <Entry
        HorizontalOptions="Center"
        VerticalOptions="Center"
        BackgroundColor="Yellow"
        Placeholder="값을 입력해 주시기 바랍니다.">
        <Entry.Behaviors>
            <toolkit:RequiredStringValidationBehavior
                ValidStyle="{StaticResource ValidEntryStyleKey}"
                InvalidStyle="{StaticResource InvalidEntryStyleKey}"
                Flags="ValidateOnValueChanged"
                RequiredString="MAGIC ANSWER" />
        </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">

<ContentPage.Resources>

</Style>

</Style>

</ContentPage.Resources>

<Entry

HorizontalOptions="Center"

VerticalOptions="Center"

BackgroundColor="Yellow"

Placeholder="값을 입력해 주시기 바랍니다.">

<Entry.Behaviors>

<toolkit:RequiredStringValidationBehavior

ValidStyle="{StaticResource ValidEntryStyleKey}"

InvalidStyle="{StaticResource InvalidEntryStyleKey}"

Flags="ValidateOnValueChanged"

RequiredString="MAGIC ANSWER" />

</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

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] ProgressBarAnimationBehavior 클래스 : ProgressBar 객체의 애니메이션 만들기

■ ProgressBarAnimationBehavior 클래스에서 ProgressBar 객체의 애니메이션을 만드는 방법을 보여준다. ▶ 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"
        Margin="30"
        Spacing="10">
        <Label
            HorizontalOptions="Center"
            LineBreakMode="WordWrap"
            Text="ProgressBarAnimationBehavior는 ProgressBar의 애니메이션을 만드는 동작이다." />
        <ProgressBar x:Name="progressBar"
            HorizontalOptions="Center"
            WidthRequest="300"
            ProgressColor="Green" />
        <Button x:Name="progressButton"
            HorizontalOptions="Center"
            Text="진행하기" />
    </StackLayout>
</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">

<StackLayout

HorizontalOptions="Center"

VerticalOptions="Center"

Margin="30"

Spacing="10">

<Label

HorizontalOptions="Center"

LineBreakMode="WordWrap"

Text="ProgressBarAnimationBehavior는 ProgressBar의 애니메이션을 만드는 동작이다." />

<ProgressBar x:Name="progressBar"

HorizontalOptions="Center"

WidthRequest="300"

ProgressColor="Green" />

<Button x:Name="progressButton"

HorizontalOptions="Center"

Text="진행하기" />

</StackLayout>

</ContentPage>

▶ MainPage.xaml.cs


using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Field
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 진행바 애니메이션 동작
    /// </summary>
    private ProgressBarAnimationBehavior behavior;

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        this.behavior = new ProgressBarAnimationBehavior()
        {
            Length   = 250,
            Progress = 0.75
        };

        this.progressBar.Behaviors.Add(this.behavior);

        this.progressButton.Clicked += progressButton_Clicked;
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region 진행하기 버튼 클릭시 처리하기 - progressButton_Clicked(sender, e)

    /// <summary>
    /// 진행하기 버튼 클릭시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private void progressButton_Clicked(object sender, EventArgs e)
    {
        double progress = this.behavior.Progress;

        progress += 0.2;

        if(progress > 1)
        {
            progress = 0;
        }

        this.behavior.Progress = progress;
    }

    #endregion
}

using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 진행바 애니메이션 동작

/// </summary>

private ProgressBarAnimationBehavior behavior;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

this.behavior = new ProgressBarAnimationBehavior()

{

Length = 250,

Progress = 0.75

};

this.progressBar.Behaviors.Add(this.behavior);

this.progressButton.Clicked += progressButton_Clicked;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 진행하기 버튼 클릭시 처리하기 - progressButton_Clicked(sender, e)

/// <summary>

/// 진행하기 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void progressButton_Clicked(object sender, EventArgs e)

{

double progress = this.behavior.Progress;

progress += 0.2;

if(progress > 1)

{

progress = 0;

}

this.behavior.Progress = progress;

}

#endregion

}

▶ 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

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] ProgressBarAnimationBehavior 엘리먼트 : ProgressBar 객체의 애니메이션 만들기

■ ProgressBarAnimationBehavior 엘리먼트에서 ProgressBar 객체의 애니메이션을 만드는 방법을 보여준다. ▶ 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">
    <StackLayout
        HorizontalOptions="Center"
        VerticalOptions="Center"
        Margin="30"
        Spacing="10">
        <Label
            HorizontalOptions="Center"
            LineBreakMode="WordWrap"
            Text="ProgressBarAnimationBehavior는 ProgressBar의 애니메이션을 만드는 동작이다." />
        <ProgressBar
            HorizontalOptions="Center"
            WidthRequest="300"
            ProgressColor="Green">
            <ProgressBar.Behaviors>
                <toolkit:ProgressBarAnimationBehavior x:Name="progressBarAnimationBehavior"
                    Length="250" />
            </ProgressBar.Behaviors>
        </ProgressBar>
        <Button x:Name="progressButton"
            HorizontalOptions="Center"
            Text="진행하기" />
    </StackLayout>
</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">

<StackLayout

HorizontalOptions="Center"

VerticalOptions="Center"

Margin="30"

Spacing="10">

<Label

HorizontalOptions="Center"

LineBreakMode="WordWrap"

Text="ProgressBarAnimationBehavior는 ProgressBar의 애니메이션을 만드는 동작이다." />

<ProgressBar

HorizontalOptions="Center"

WidthRequest="300"

ProgressColor="Green">

<ProgressBar.Behaviors>

<toolkit:ProgressBarAnimationBehavior x:Name="progressBarAnimationBehavior"

Length="250" />

</ProgressBar.Behaviors>

</ProgressBar>

<Button x:Name="progressButton"

HorizontalOptions="Center"

Text="진행하기" />

</StackLayout>

</ContentPage>

▶ MainPage.xaml.cs


namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        this.progressButton.Clicked += progressButton_Clicked;
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region 진행하기 버튼 클릭시 처리하기 - progressButton_Clicked(sender, e)

    /// <summary>
    /// 진행하기 버튼 클릭시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private void progressButton_Clicked(object sender, EventArgs e)
    {
        double progress = this.progressBarAnimationBehavior.Progress;

        progress += 0.2;

        if(progress > 1)
        {
            progress = 0;
        }

        this.progressBarAnimationBehavior.Progress = progress;
    }

    #endregion
}

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

this.progressButton.Clicked += progressButton_Clicked;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 진행하기 버튼 클릭시 처리하기 - progressButton_Clicked(sender, e)

/// <summary>

/// 진행하기 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void progressButton_Clicked(object sender, EventArgs e)

{

double progress = this.progressBarAnimationBehavior.Progress;

progress += 0.2;

if(progress > 1)

{

progress = 0;

}

this.progressBarAnimationBehavior.Progress = progress;

}

#endregion

}

▶ 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

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] NumericValidationBehavior 클래스 : 사용자 입력 숫자 검증하기

■ NumericValidationBehavior 클래스를 사용해 사용자 입력 숫자를 검증하는 방법을 보여준다. ▶ 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">
    <Entry x:Name="entry"
        HorizontalOptions="Center"
        VerticalOptions="Center"
        BackgroundColor="Yellow"
        Keyboard="Numeric"
        Placeholder="값을 입력해 주시기 바랍니다." />
</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">

<Entry x:Name="entry"

HorizontalOptions="Center"

VerticalOptions="Center"

BackgroundColor="Yellow"

Keyboard="Numeric"

Placeholder="값을 입력해 주시기 바랍니다." />

</ContentPage>

▶ MainPage.xaml.cs


using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        Style validStyle = new Style(typeof(Entry));

        validStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Green });

        Style invalidStyle = new Style(typeof(Entry));

        invalidStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Red });

        NumericValidationBehavior behavior = new NumericValidationBehavior
        {
            ValidStyle           = validStyle,
            InvalidStyle         = invalidStyle,
            Flags                = ValidationFlags.ValidateOnValueChanged,
            MinimumValue         = 1.0,
            MaximumValue         = 100.0,
            MaximumDecimalPlaces = 2
        };

        this.entry.Behaviors.Add(behavior);
    }

    #endregion
}

using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

Style validStyle = new Style(typeof(Entry));

validStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Green });

Style invalidStyle = new Style(typeof(Entry));

invalidStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Red });

NumericValidationBehavior behavior = new NumericValidationBehavior

{

ValidStyle = validStyle,

InvalidStyle = invalidStyle,

Flags = ValidationFlags.ValidateOnValueChanged,

MinimumValue = 1.0,

MaximumValue = 100.0,

MaximumDecimalPlaces = 2

};

this.entry.Behaviors.Add(behavior);

}

#endregion

}

▶ 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

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] NumericValidationBehavior 엘리먼트 : 사용자 입력 숫자 검증하기

■ NumericValidationBehavior 엘리먼트를 사용해 사용자 입력 숫자를 검증하는 방법을 보여준다. ▶ 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">
    <ContentPage.Resources>
        <Style x:Key="ValidEntryStyleKey" TargetType="Entry">
            <Setter Property="TextColor" Value="Green" />
        </Style>
        <Style x:Key="InvalidEntryStyleKey" TargetType="Entry">
            <Setter Property="TextColor" Value="Red" />
        </Style>
    </ContentPage.Resources>
    <Entry
        HorizontalOptions="Center"
        VerticalOptions="Center"
        BackgroundColor="Yellow"
        Keyboard="Numeric"
        Placeholder="값을 입력해 주시기 바랍니다.">
        <Entry.Behaviors>
            <toolkit:NumericValidationBehavior
                ValidStyle="{StaticResource ValidEntryStyleKey}"
                InvalidStyle="{StaticResource InvalidEntryStyleKey}"
                Flags="ValidateOnValueChanged"
                MinimumValue="1.0"
                MaximumValue="100.0"
                MaximumDecimalPlaces="2" />
        </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">

<ContentPage.Resources>

</Style>

</Style>

</ContentPage.Resources>

<Entry

HorizontalOptions="Center"

VerticalOptions="Center"

BackgroundColor="Yellow"

Keyboard="Numeric"

Placeholder="값을 입력해 주시기 바랍니다.">

<Entry.Behaviors>

<toolkit:NumericValidationBehavior

ValidStyle="{StaticResource ValidEntryStyleKey}"

InvalidStyle="{StaticResource InvalidEntryStyleKey}"

Flags="ValidateOnValueChanged"

MinimumValue="1.0"

MaximumValue="100.0"

MaximumDecimalPlaces="2" />

</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

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] MultiValidationBehavior 클래스 : 복수 무결성 검사기 사용하기

■ MultiValidationBehavior 클래스를 사용해 복수 무결성 검사기를 사용하는 방법을 보여준다. ▶ 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">
    <Entry x:Name="entry"
        HorizontalOptions="Center"
        VerticalOptions="Center"
        BackgroundColor="Yellow"
        IsPassword="True"
        Placeholder="Password" />
</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">

<Entry x:Name="entry"

HorizontalOptions="Center"

VerticalOptions="Center"

BackgroundColor="Yellow"

IsPassword="True"

Placeholder="Password" />

</ContentPage>

▶ MainPage.xaml.cs


using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        Style validStyle = new Style(typeof(Entry));

        validStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Green });

        Style invalidStyle = new Style(typeof(Entry));

        invalidStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Red });

        CharactersValidationBehavior bahavior1 = new CharactersValidationBehavior
        {
            CharacterType             = CharacterType.Digit,
            MinimumCharacterTypeCount = 1,
            Flags                     = ValidationFlags.ValidateOnValueChanged
        };

        MultiValidationBehavior.SetError(bahavior1, "숫자 최소 1문자");

        CharactersValidationBehavior behavior2 = new CharactersValidationBehavior
        {
            CharacterType            = CharacterType.UppercaseLetter,
            MinimumCharacterTypeCount = 1,
            Flags                     = ValidationFlags.ValidateOnValueChanged
        };

        MultiValidationBehavior.SetError(behavior2, "대문자 최소 1문자");

        CharactersValidationBehavior behavior3 = new CharactersValidationBehavior
        {
            CharacterType             = CharacterType.NonAlphanumericSymbol,
            MinimumCharacterTypeCount = 1,
            Flags                     = ValidationFlags.ValidateOnValueChanged
        };

        MultiValidationBehavior.SetError(behavior3, "기호 최소 1문자");

        CharactersValidationBehavior behavior4 = new CharactersValidationBehavior
        {
            CharacterType             = CharacterType.Any,
            MinimumCharacterTypeCount = 1,
            Flags                     = ValidationFlags.ValidateOnValueChanged
        };

        MultiValidationBehavior.SetError(behavior4, "최소 8문자");

        MultiValidationBehavior multipleBehavior = new MultiValidationBehavior
        {
            InvalidStyle = invalidStyle,
            ValidStyle   = validStyle,
            Flags        = ValidationFlags.ValidateOnValueChanged,
            Children     =
            {
                bahavior1,
                behavior2,
                behavior3,
                behavior4
            }
        };

        this.entry.Behaviors.Add(multipleBehavior);
    }

    #endregion
}

using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

Style validStyle = new Style(typeof(Entry));

validStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Green });

Style invalidStyle = new Style(typeof(Entry));

invalidStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Red });

CharactersValidationBehavior bahavior1 = new CharactersValidationBehavior

{

CharacterType = CharacterType.Digit,

MinimumCharacterTypeCount = 1,

Flags = ValidationFlags.ValidateOnValueChanged

};

MultiValidationBehavior.SetError(bahavior1, "숫자 최소 1문자");

CharactersValidationBehavior behavior2 = new CharactersValidationBehavior

{

CharacterType = CharacterType.UppercaseLetter,

MinimumCharacterTypeCount = 1,

Flags = ValidationFlags.ValidateOnValueChanged

};

MultiValidationBehavior.SetError(behavior2, "대문자 최소 1문자");

CharactersValidationBehavior behavior3 = new CharactersValidationBehavior

{

CharacterType = CharacterType.NonAlphanumericSymbol,

MinimumCharacterTypeCount = 1,

Flags = ValidationFlags.ValidateOnValueChanged

};

MultiValidationBehavior.SetError(behavior3, "기호 최소 1문자");

CharactersValidationBehavior behavior4 = new CharactersValidationBehavior

{

CharacterType = CharacterType.Any,

MinimumCharacterTypeCount = 1,

Flags = ValidationFlags.ValidateOnValueChanged

};

MultiValidationBehavior.SetError(behavior4, "최소 8문자");

MultiValidationBehavior multipleBehavior = new MultiValidationBehavior

{

InvalidStyle = invalidStyle,

ValidStyle = validStyle,

Flags = ValidationFlags.ValidateOnValueChanged,

Children =

{

bahavior1,

behavior2,

behavior3,

behavior4

}

};

this.entry.Behaviors.Add(multipleBehavior);

}

#endregion

}

▶ 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

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] MultiValidationBehavior 엘리먼트 : 복수 무결성 검사기 사용하기

■ MultiValidationBehavior 엘리먼트를 사용해 복수 무결성 검사기를 사용하는 방법을 보여준다. ▶ 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">
    <ContentPage.Resources>
        <Style x:Key="InvalidEntryStyleKey" TargetType="Entry">
            <Setter Property="TextColor" Value="Red" />
        </Style>
        <Style x:Key="ValidEntryStyleKey" TargetType="Entry">
            <Setter Property="TextColor" Value="Green" />
        </Style>
    </ContentPage.Resources>
    <Entry
        HorizontalOptions="Center"
        VerticalOptions="Center"
        BackgroundColor="Yellow"
        IsPassword="True"
        Placeholder="Password">
        <Entry.Behaviors>
            <toolkit:MultiValidationBehavior
                ValidStyle="{StaticResource ValidEntryStyleKey}"
                InvalidStyle="{StaticResource InvalidEntryStyleKey}"
                Flags="ValidateOnValueChanged">
                <toolkit:CharactersValidationBehavior
                    CharacterType="Digit"
                    MinimumCharacterTypeCount="1"
                    toolkit:MultiValidationBehavior.Error="숫자 최소 1문자" />
                <toolkit:CharactersValidationBehavior
                    CharacterType="UppercaseLetter"
                    MinimumCharacterTypeCount="1"
                    toolkit:MultiValidationBehavior.Error="대문자 최소 1문자" />
                <toolkit:CharactersValidationBehavior
                    CharacterType="NonAlphanumericSymbol"
                    MinimumCharacterTypeCount="1"
                    toolkit:MultiValidationBehavior.Error="기호 최소 1문자" />
                <toolkit:CharactersValidationBehavior
                    CharacterType="Any"
                    MinimumCharacterTypeCount="8"
                    toolkit:MultiValidationBehavior.Error="최소 8문자" />
            </toolkit:MultiValidationBehavior>
        </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">

<ContentPage.Resources>

</Style>

</Style>

</ContentPage.Resources>

<Entry

HorizontalOptions="Center"

VerticalOptions="Center"

BackgroundColor="Yellow"

IsPassword="True"

Placeholder="Password">

<Entry.Behaviors>

<toolkit:MultiValidationBehavior

ValidStyle="{StaticResource ValidEntryStyleKey}"

InvalidStyle="{StaticResource InvalidEntryStyleKey}"

Flags="ValidateOnValueChanged">

<toolkit:CharactersValidationBehavior

CharacterType="Digit"

MinimumCharacterTypeCount="1"

toolkit:MultiValidationBehavior.Error="숫자 최소 1문자" />

<toolkit:CharactersValidationBehavior

CharacterType="UppercaseLetter"

MinimumCharacterTypeCount="1"

toolkit:MultiValidationBehavior.Error="대문자 최소 1문자" />

<toolkit:CharactersValidationBehavior

CharacterType="NonAlphanumericSymbol"

MinimumCharacterTypeCount="1"

toolkit:MultiValidationBehavior.Error="기호 최소 1문자" />

<toolkit:CharactersValidationBehavior

CharacterType="Any"

MinimumCharacterTypeCount="8"

toolkit:MultiValidationBehavior.Error="최소 8문자" />

</toolkit:MultiValidationBehavior>

</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

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] MaxLengthReachedBehavior 클래스 : Command 속성을 사용해 사용자가 최대 길이 입력시 처리하기

■ MaxLengthReachedBehavior 클래스의 Command 속성을 사용해 사용자가 최대 길이 입력시 처리하는 방법을 보여준다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8" ?>
<?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">
    <Entry x:Name="entry"
        HorizontalOptions="Center"
        VerticalOptions="Center"
        BackgroundColor="Yellow"
        MaxLength="20"
        Placeholder="최대 길이로 입력할 때가 타이핑을 해주시기 바랍니다." />
</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">

<Entry x:Name="entry"

HorizontalOptions="Center"

VerticalOptions="Center"

BackgroundColor="Yellow"

MaxLength="20"

Placeholder="최대 길이로 입력할 때가 타이핑을 해주시기 바랍니다." />

</ContentPage>

▶ MainPage.xaml.cs


using System.Windows.Input;

using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Property
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 최대 길이 도달시 명령 - MaximumLengthReachedCommand

    /// <summary>
    /// 최대 길이 도달시 명령
    /// </summary>
    public ICommand MaximumLengthReachedCommand { get; set; }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        MaximumLengthReachedCommand = new Command
        (
            execute : async () =>
            {
                await DisplayAlert("INFORMATION", "최대 길이까지 입력했습니다.", "확인");
            }
        );

        MaxLengthReachedBehavior behavior = new MaxLengthReachedBehavior();

        behavior.SetBinding
        (
            MaxLengthReachedBehavior.CommandProperty,
            new Binding(nameof(MaximumLengthReachedCommand))
        );

        this.entry.Behaviors.Add(behavior);

        BindingContext = this;
    }

    #endregion
}

using System.Windows.Input;

using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 최대 길이 도달시 명령 - MaximumLengthReachedCommand

/// <summary>

/// 최대 길이 도달시 명령

/// </summary>

public ICommand MaximumLengthReachedCommand { get; set; }

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

MaximumLengthReachedCommand = new Command

(

execute : async () =>

{

await DisplayAlert("INFORMATION", "최대 길이까지 입력했습니다.", "확인");

}

);

MaxLengthReachedBehavior behavior = new MaxLengthReachedBehavior();

behavior.SetBinding

(

MaxLengthReachedBehavior.CommandProperty,

new Binding(nameof(MaximumLengthReachedCommand))

);

this.entry.Behaviors.Add(behavior);

BindingContext = this;

}

#endregion

}

▶ 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

}

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] MaxLengthReachedBehavior 엘리먼트 : Command 속성을 사용해 사용자가 최대 길이 입력시 처리하기

■ MaxLengthReachedBehavior 엘리먼트의 Command 속성을 사용해 사용자가 최대 길이 입력시 처리하는 방법을 보여준다. ▶ 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"
        MaxLength="20"
        Placeholder="최대 길이로 입력할 때가 타이핑을 해주시기 바랍니다.">
        <Entry.Behaviors>
            <toolkit:MaxLengthReachedBehavior Command="{Binding MaximumLengthReachedCommand}" />
        </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"

MaxLength="20"

Placeholder="최대 길이로 입력할 때가 타이핑을 해주시기 바랍니다.">

<Entry.Behaviors>

<toolkit:MaxLengthReachedBehavior Command="{Binding MaximumLengthReachedCommand}" />

</Entry.Behaviors>

</Entry>

</ContentPage>

▶ MainPage.xaml.cs


using System.Windows.Input;

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Property
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 최대 길이 도달시 명령 - MaximumLengthReachedCommand

    /// <summary>
    /// 최대 길이 도달시 명령
    /// </summary>
    public ICommand MaximumLengthReachedCommand { get; set; }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        MaximumLengthReachedCommand = new Command
        (
            execute : async () =>
            {
                await DisplayAlert("INFORMATION", "최대 길이까지 입력했습니다.", "확인");
            }
        );

        BindingContext = this;
    }

    #endregion
}

using System.Windows.Input;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 최대 길이 도달시 명령 - MaximumLengthReachedCommand

/// <summary>

/// 최대 길이 도달시 명령

/// </summary>

public ICommand MaximumLengthReachedCommand { get; set; }

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

MaximumLengthReachedCommand = new Command

(

execute : async () =>

{

await DisplayAlert("INFORMATION", "최대 길이까지 입력했습니다.", "확인");

}

);

BindingContext = this;

}

#endregion

}

▶ 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

}

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] MaskedBehavior 클래스 : Mask 속성을 사용해 사용자 입력 마스크 설정하기 (프리뷰 버전 오류)

■ MaskedBehavior 클래스의 Mask 속성을 사용해 사용자 입력 마스크를 설정하는 방법을 보여준다. ▶ 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">
    <Entry x:Name="entry"
        HorizontalOptions="Center"
        VerticalOptions="Center"
        BackgroundColor="Yellow"
        Placeholder="계좌 번호를 입력해 주시기 바랍니다."
        Keyboard="Numeric" />
</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">

<Entry x:Name="entry"

HorizontalOptions="Center"

VerticalOptions="Center"

BackgroundColor="Yellow"

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

Keyboard="Numeric" />

</ContentPage>

▶ MainPage.xaml.cs


using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        MaskedBehavior behavior = new MaskedBehavior
        {
            Mask = "XXXX XXXX XXXX XXXX"
        };

        this.entry.Behaviors.Add(behavior);
    }

    #endregion
}

using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

MaskedBehavior behavior = new MaskedBehavior

{

Mask = "XXXX XXXX XXXX XXXX"

};

this.entry.Behaviors.Add(behavior);

}

#endregion

}

▶ 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

}

※

[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

}

※ 프리뷰 버전

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] MaskedBehavior 엘리먼트 : Mask 속성을 사용해 사용자 입력 마스크 설정하기 (프리뷰 버전 오류)

■ MaskedBehavior 엘리먼트의 Mask 속성을 사용해 사용자 입력 마스크를 설정하는 방법을 보여준다. ▶ 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="XXXX XXXX XXXX XXXX" />
        </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="XXXX XXXX XXXX XXXX" />

</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

}

※ 프리뷰 버전 테스트시,

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] EventToCommandBehavior 클래스 : 버튼 클릭시 처리하기

■ EventToCommandBehavior 클래스를 사용해 버튼 클릭시 처리하는 방법을 보여준다. ▶ 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">
    <Button x:Name="saveButton"
        HorizontalOptions="Center"
        VerticalOptions="Center"
        Text="저장하기" />
</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">

<Button x:Name="saveButton"

HorizontalOptions="Center"

VerticalOptions="Center"

Text="저장하기" />

</ContentPage>

▶ MainPage.xaml.cs


using System.Windows.Input;

using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        ICommand saveCommand = new Command
        (
            execute : async () =>
            {
                await DisplayAlert("INFORMATION", "파일을 저장했습니다.", "확인");
            }
        );

        EventToCommandBehavior behavior = new EventToCommandBehavior
        {
            EventName = nameof(Button.Clicked),
            Command   = saveCommand
        };

        this.saveButton.Behaviors.Add(behavior);
    }

    #endregion
}

using System.Windows.Input;

using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

ICommand saveCommand = new Command

(

execute : async () =>

{

await DisplayAlert("INFORMATION", "파일을 저장했습니다.", "확인");

}

);

EventToCommandBehavior behavior = new EventToCommandBehavior

{

EventName = nameof(Button.Clicked),

Command = saveCommand

};

this.saveButton.Behaviors.Add(behavior);

}

#endregion

}

▶ 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

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] EventToCommandBehavior 엘리먼트 : 버튼 클릭시 처리하기

■ EventToCommandBehavior 엘리먼트를 사용해 버튼 클릭시 처리하는 방법을 보여준다. ▶ 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">
    <Button
        HorizontalOptions="Center"
        VerticalOptions="Center"
        Text="저장하기">
        <Button.Behaviors>
            <toolkit:EventToCommandBehavior
                EventName="Clicked"
                Command="{Binding SaveCommand}" />
        </Button.Behaviors>
    </Button>
</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">

<Button

HorizontalOptions="Center"

VerticalOptions="Center"

Text="저장하기">

<Button.Behaviors>

<toolkit:EventToCommandBehavior

EventName="Clicked"

Command="{Binding SaveCommand}" />

</Button.Behaviors>

</Button>

</ContentPage>

▶ MainPage.xaml.cs


using System.Windows.Input;

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Property
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 저장 명령 - SaveCommand

    /// <summary>
    /// 저장 명령
    /// </summary>
    public ICommand SaveCommand { private set; get; }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        SaveCommand = new Command
        (
            execute : async () =>
            {
                await DisplayAlert("INFORMATION", "파일을 저장했습니다.", "확인");
            }
        );

        BindingContext = this;
    }

    #endregion
}

using System.Windows.Input;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 저장 명령 - SaveCommand

/// <summary>

/// 저장 명령

/// </summary>

public ICommand SaveCommand { private set; get; }

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

SaveCommand = new Command

(

execute : async () =>

{

await DisplayAlert("INFORMATION", "파일을 저장했습니다.", "확인");

}

);

BindingContext = this;

}

#endregion

}

▶ 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

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] EmailValidationBehavior 클래스 : 메일 주소 여부 검증하기

■ EmailValidationBehavior 클래스를 사용해 메일 주소 여부를 검증하는 방법을 보여준다. ▶ 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">
    <Entry x:Name="entry"
        HorizontalOptions="Center"
        VerticalOptions="Center"
        BackgroundColor="Yellow"
        WidthRequest="200"
        Placeholder="메일 주소를 입력해 주시기 바랍니다." />
</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">

<Entry x:Name="entry"

HorizontalOptions="Center"

VerticalOptions="Center"

BackgroundColor="Yellow"

WidthRequest="200"

Placeholder="메일 주소를 입력해 주시기 바랍니다." />

</ContentPage>

▶ MainPage.xaml.cs


using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        Style validStyle = new Style(typeof(Entry));

        validStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Green });

        Style invalidStyle = new Style(typeof(Entry));

        invalidStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Red });

        EmailValidationBehavior behavior = new EmailValidationBehavior
        {
            ValidStyle   = validStyle,
            InvalidStyle = invalidStyle,
            Flags        = ValidationFlags.ValidateOnValueChanged
        };

        this.entry.Behaviors.Add(behavior);
    }

    #endregion
}

using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

Style validStyle = new Style(typeof(Entry));

validStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Green });

Style invalidStyle = new Style(typeof(Entry));

invalidStyle.Setters.Add(new Setter { Property = Entry.TextColorProperty, Value = Colors.Red });

EmailValidationBehavior behavior = new EmailValidationBehavior

{

ValidStyle = validStyle,

InvalidStyle = invalidStyle,

Flags = ValidationFlags.ValidateOnValueChanged

};

this.entry.Behaviors.Add(behavior);

}

#endregion

}

▶ 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

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] EmailValidationBehavior 엘리먼트 : 메일 주소 여부 검증하기

■ EmailValidationBehavior 엘리먼트를 사용해 메일 주소 여부를 검증하는 방법을 보여준다. ▶ 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">
    <ContentPage.Resources>
        <Style x:Key="ValidEntryStyleKey" TargetType="Entry">
            <Setter Property="TextColor" Value="Green" />
        </Style>
        <Style x:Key="InvalidEntryStyleKey" TargetType="Entry">
            <Setter Property="TextColor" Value="Red" />
        </Style>
    </ContentPage.Resources>
    <Entry x:Name="entry"
        HorizontalOptions="Center"
        VerticalOptions="Center"
        BackgroundColor="Yellow"
        WidthRequest="200"
        Placeholder="메일 주소를 입력해 주시기 바랍니다.">
        <Entry.Behaviors>
            <toolkit:EmailValidationBehavior
                ValidStyle="{StaticResource ValidEntryStyleKey}"
                InvalidStyle="{StaticResource InvalidEntryStyleKey}"
                Flags="ValidateOnValueChanged" />
        </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">

<ContentPage.Resources>

</Style>

</Style>

</ContentPage.Resources>

<Entry x:Name="entry"

HorizontalOptions="Center"

VerticalOptions="Center"

BackgroundColor="Yellow"

WidthRequest="200"

Placeholder="메일 주소를 입력해 주시기 바랍니다.">

<Entry.Behaviors>

<toolkit:EmailValidationBehavior

ValidStyle="{StaticResource ValidEntryStyleKey}"

InvalidStyle="{StaticResource InvalidEntryStyleKey}"

Flags="ValidateOnValueChanged" />

</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