COMMUNITY TOOLKIT Archives - 16 중 16 번째 페이지

[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

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] Style 클래스 사용하기

■ Style<T> 클래스를 사용하는 방법을 보여준다. ▶ 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="100"
        Placeholder="숫자 2자 이상 입력해 주시기 바랍니다." />
</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="100"

Placeholder="숫자 2자 이상 입력해 주시기 바랍니다." />

</ContentPage>

▶ MainPage.xaml.cs


using CommunityToolkit.Maui.Behaviors;
using CommunityToolkit.Maui.Markup;

namespace TestProject;

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

    #region 생성자 - MainPage()

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

        CharactersValidationBehavior behavior = new CharactersValidationBehavior
        {
            ValidStyle                = new Style<Entry>(Entry.TextColorProperty, Colors.Green),
            InvalidStyle              = new Style<Entry>(Entry.TextColorProperty, Colors.Red),
            Flags                     = ValidationFlags.ValidateOnValueChanged,
            CharacterType             = CharacterType.Digit,
            MinimumCharacterTypeCount = 2
        };

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

    #endregion
}

using CommunityToolkit.Maui.Behaviors;

using CommunityToolkit.Maui.Markup;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

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

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

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

CharactersValidationBehavior behavior = new CharactersValidationBehavior

{

ValidStyle = new Style<Entry>(Entry.TextColorProperty, Colors.Green),

InvalidStyle = new Style<Entry>(Entry.TextColorProperty, Colors.Red),

Flags = ValidationFlags.ValidateOnValueChanged,

CharacterType = CharacterType.Digit,

MinimumCharacterTypeCount = 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] CharactersValidationBehavior 클래스 : 숫자 2자 이상 입력 여부 검증하기

■ CharactersValidationBehavior 클래스를 사용해 숫자 2자 이상 입력 여부를 검증하는 방법을 보여준다. ▶ 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="100"
        Placeholder="숫자 2자 이상 입력해 주시기 바랍니다." />
</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="100"

Placeholder="숫자 2자 이상 입력해 주시기 바랍니다." />

</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 behavior = new CharactersValidationBehavior
        {
            ValidStyle                = validStyle,
            InvalidStyle              = invalidStyle,
            Flags                     = ValidationFlags.ValidateOnValueChanged,
            CharacterType             = CharacterType.Digit,
            MinimumCharacterTypeCount = 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 });

CharactersValidationBehavior behavior = new CharactersValidationBehavior

{

ValidStyle = validStyle,

InvalidStyle = invalidStyle,

Flags = ValidationFlags.ValidateOnValueChanged,

CharacterType = CharacterType.Digit,

MinimumCharacterTypeCount = 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] CharactersValidationBehavior 엘리먼트 : 숫자 2자 이상 입력 여부 검증하기

■ CharactersValidationBehavior 엘리먼트를 사용해 숫자 2자 이상 입력 여부를 검증하는 방법을 보여준다. ▶ 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"
        WidthRequest="100"
        Placeholder="숫자 2자 이상 입력해 주시기 바랍니다.">
        <Entry.Behaviors>
            <toolkit:CharactersValidationBehavior
                ValidStyle="{StaticResource ValidEntryStyleKey}"
                InvalidStyle="{StaticResource InvalidEntryStyleKey}"
                Flags="ValidateOnValueChanged"
                CharacterType="Digit"
                MinimumCharacterTypeCount="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"

WidthRequest="100"

Placeholder="숫자 2자 이상 입력해 주시기 바랍니다.">

<Entry.Behaviors>

<toolkit:CharactersValidationBehavior

ValidStyle="{StaticResource ValidEntryStyleKey}"

InvalidStyle="{StaticResource InvalidEntryStyleKey}"

Flags="ValidateOnValueChanged"

CharacterType="Digit"

MinimumCharacterTypeCount="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] Toast 클래스 : Make 정적 메소드를 사용해 토스트 메시지 생성하기

■ Toast 클래스의 Make 정적 메소드를 사용해 토스트 메시지를 생성하는 방법을 보여준다. ▶ 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="showButton"
        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="showButton"

HorizontalOptions="Center"

VerticalOptions="Center"

Text="토스트 메시지 표시하기" />

</ContentPage>

▶ MainPage.xaml.cs


using CommunityToolkit.Maui.Alerts;
using CommunityToolkit.Maui.Core;

namespace TestProject;

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

    #region 생성자 - MainPage()

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

        this.showButton.Clicked += showButton_Clicked;
    }

    #endregion

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

    #region 토스트 메시지 표시 버튼 클릭시 처리하기 - showButton_Clicked(sender, e)

    /// <summary>
    /// 토스트 메시지 버튼 클릭시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private async void showButton_Clicked(object sender, EventArgs e)
    {
        IToast toast = Toast.Make("토스트 메시지 입니다.", ToastDuration.Short, 14);

        await toast.Show();
    }

    #endregion
}

using CommunityToolkit.Maui.Alerts;

using CommunityToolkit.Maui.Core;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

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

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

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

this.showButton.Clicked += showButton_Clicked;

}

#endregion

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

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

#region 토스트 메시지 표시 버튼 클릭시 처리하기 - showButton_Clicked(sender, e)

/// <summary>

/// 토스트 메시지 버튼 클릭시 처리하기

/// </summary>

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

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

private async void showButton_Clicked(object sender, EventArgs e)

{

IToast toast = Toast.Make("토스트 메시지 입니다.", ToastDuration.Short, 14);

await toast.Show();

}

#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] Snackbar 클래스 : 스낵바 표시시 애플리케이션 새 인스턴스 실행 방지하기 (UWP)

■ Snackbar 클래스에서 스낵바 표시시 애플리케이션 새 인스턴스 실행을 방지하는 방법을 보여준다. (UWP) ▶ Platforms/Windows/Package.appxmanifest


<Project Sdk="Microsoft.NET.Sdk">
    <PropertyGroup>
        <TargetFrameworks>net6.0-android;net6.0-ios;net6.0-maccatalyst</TargetFrameworks>
        <TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net6.0-windows10.0.19041.0</TargetFrameworks>
        <OutputType>Exe</OutputType>
        <RootNamespace>TestProject</RootNamespace>
        <UseMaui>true</UseMaui>
        <SingleProject>true</SingleProject>
        <ImplicitUsings>enable</ImplicitUsings>
        <ApplicationTitle>TestProject</ApplicationTitle>
        <ApplicationId>com.companyname.testproject</ApplicationId>
        <ApplicationIdGuid>307F785A-6EDE-4AEB-8813-DC0FFA886398</ApplicationIdGuid>
        <ApplicationDisplayVersion>1.0</ApplicationDisplayVersion>
        <ApplicationVersion>1</ApplicationVersion>
        <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'ios'">14.2</SupportedOSPlatformVersion>
        <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'maccatalyst'">14.0</SupportedOSPlatformVersion>
        <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'android'">21.0</SupportedOSPlatformVersion>
        <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</SupportedOSPlatformVersion>
        <TargetPlatformMinVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</TargetPlatformMinVersion>
        <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'tizen'">6.5</SupportedOSPlatformVersion>
        <EmbedAssembliesIntoApk>true</EmbedAssembliesIntoApk>
    </PropertyGroup>
    <ItemGroup>
        <MauiIcon Include="Resources\appicon.svg" ForegroundFile="Resources\appiconfg.svg" Color="#512bd4" />
        <MauiSplashScreen Include="Resources\appiconfg.svg" Color="#512bd4" BaseSize="128,128" />
        <MauiImage Include="Resources\Images\*" />
        <MauiImage Update="Resources\Images\dotnet_bot.svg" BaseSize="168,208" />
        <MauiFont Include="Resources\Fonts\*" />
        <MauiAsset Include="Resources\Raw\**" LogicalName="%(RecursiveDir)%(Filename)%(Extension)" />
    </ItemGroup>
    <ItemGroup>
        <PackageReference Include="CommunityToolkit.Maui"                Version="1.0.0" />
        <PackageReference Include="CommunityToolkit.WinUI.Notifications" Version="7.1.2" />
    </ItemGroup>
</Project>

<TargetFrameworks>net6.0-android;net6.0-ios;net6.0-maccatalyst</TargetFrameworks>

<TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net6.0-windows10.0.19041.0</TargetFrameworks>

<RootNamespace>TestProject</RootNamespace>

<ImplicitUsings>enable</ImplicitUsings>

<ApplicationTitle>TestProject</ApplicationTitle>

<ApplicationId>com.companyname.testproject</ApplicationId>

</PropertyGroup>

</ItemGroup>

</ItemGroup>

</Project>

▶ Platforms/Windows/Package.appxmanifest


<?xml version="1.0" encoding="utf-8"?>
<Package
    xmlns="http://schemas.microsoft.com/appx/manifest/foundation/windows10"
    xmlns:uap="http://schemas.microsoft.com/appx/manifest/uap/windows10"
    xmlns:rescap="http://schemas.microsoft.com/appx/manifest/foundation/windows10/restrictedcapabilities"
    xmlns:desktop="http://schemas.microsoft.com/appx/manifest/desktop/windows10"
    xmlns:com="http://schemas.microsoft.com/appx/manifest/com/windows10"
    IgnorableNamespaces="uap rescap">
    <Identity Publisher="CN=User Name" />
    <Properties>
        <PublisherDisplayName>User Name</PublisherDisplayName>
    </Properties>
    <Dependencies>
        <TargetDeviceFamily Name="Windows.Universal"
            MinVersion="10.0.17763.0"
            MaxVersionTested="10.0.19041.0" />
        <TargetDeviceFamily Name="Windows.Desktop"
            MinVersion="10.0.17763.0"
            MaxVersionTested="10.0.19041.0" />
    </Dependencies>
    <Resources>
        <Resource Language="x-generate" />
    </Resources>
    <Applications>
        <Application Id="App"
            Executable="$targetnametoken$.exe"
            EntryPoint="$targetentrypoint$">
            <uap:VisualElements />
            <Extensions>
                <desktop:Extension Category="windows.toastNotificationActivation">
                    <desktop:ToastNotificationActivation ToastActivatorCLSID="307F785A-6EDE-4AEB-8813-DC0FFA886398" />
                </desktop:Extension>
                <com:Extension Category="windows.comServer">
                    <com:ComServer>
                        <com:ExeServer
                            Executable="TestProject.exe"
                            Arguments="-ToastActivated"
                            DisplayName="Toast activator">
                            <com:Class Id="307F785A-6EDE-4AEB-8813-DC0FFA886398"
                                DisplayName="Toast activator"/>
                        </com:ExeServer>
                    </com:ComServer>
                </com:Extension>
            </Extensions>
        </Application>
    </Applications>
    <Capabilities>
        <rescap:Capability Name="runFullTrust" />
    </Capabilities>
</Package>

<?xml version="1.0" encoding="utf-8"?>

<Package

xmlns="http://schemas.microsoft.com/appx/manifest/foundation/windows10"

xmlns:uap="http://schemas.microsoft.com/appx/manifest/uap/windows10"

xmlns:rescap="http://schemas.microsoft.com/appx/manifest/foundation/windows10/restrictedcapabilities"

xmlns:desktop="http://schemas.microsoft.com/appx/manifest/desktop/windows10"

xmlns:com="http://schemas.microsoft.com/appx/manifest/com/windows10"

IgnorableNamespaces="uap rescap">

</Properties>

<TargetDeviceFamily Name="Windows.Universal"

MinVersion="10.0.17763.0"

MaxVersionTested="10.0.19041.0" />

<TargetDeviceFamily Name="Windows.Desktop"

MinVersion="10.0.17763.0"

MaxVersionTested="10.0.19041.0" />

</Dependencies>

</Resources>

<Application Id="App"

Executable="$targetnametoken$.exe"

EntryPoint="$targetentrypoint$">

<uap:VisualElements />

<desktop:Extension Category="windows.toastNotificationActivation">

<desktop:ToastNotificationActivation ToastActivatorCLSID="307F785A-6EDE-4AEB-8813-DC0FFA886398" />

</desktop:Extension>

<com:Extension Category="windows.comServer">

<com:ComServer>

<com:ExeServer

Executable="TestProject.exe"

Arguments="-ToastActivated"

DisplayName="Toast activator">

<com:Class Id="307F785A-6EDE-4AEB-8813-DC0FFA886398"

DisplayName="Toast activator"/>

</com:ExeServer>

</com:ComServer>

</com:Extension>

</Extensions>

</Application>

</Applications>

<rescap:Capability Name="runFullTrust" />

</Capabilities>

</Package>

▶ Platforms/Windows/App.xaml.cs


using Microsoft.UI.Xaml;

using CommunityToolkit.WinUI.Notifications;

namespace TestProject.WinUI;

/// <summary>
/// 앱
/// </summary>
public partial class App : MauiWinUIApplication
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - App()

    /// <summary>
    /// 생성자
    /// </summary>
    public App()
    {
        this.InitializeComponent();
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Protected

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

    /// <summary>
    /// MAUI 앱 생성하기
    /// </summary>
    /// <returns>MAUI 앱</returns>
    protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();

    #endregion
    #region 시작시 처리하기 - OnLaunched(e)

    /// <summary>
    /// 시작시 처리하기
    /// </summary>
    /// <param name="e">이벤트 인자</param>
    protected override void OnLaunched(LaunchActivatedEventArgs e)
    {
        ToastNotificationManagerCompat.OnActivated += toastNotificationManagerCompat_OnActivated;

        base.OnLaunched(e);
    }

    #endregion

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

    #region 토스트 알림 관리자 컴팩트 활성화시 처리하기 - toastNotificationManagerCompat_OnActivated(e)

    /// <summary>
    /// 토스트 알림 관리자 컴팩트 활성화시 처리하기
    /// </summary>
    /// <param name="e">이벤트 인자</param>
    private void toastNotificationManagerCompat_OnActivated(ToastNotificationActivatedEventArgsCompat e)
    {
    }

    #endregion
}

using Microsoft.UI.Xaml;

using CommunityToolkit.WinUI.Notifications;

namespace TestProject.WinUI;

/// <summary>

/// 앱

/// </summary>

public partial class App : MauiWinUIApplication

{

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

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

#region 생성자 - App()

/// <summary>

/// 생성자

/// </summary>

public App()

{

this.InitializeComponent();

}

#endregion

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

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

/// <summary>

/// MAUI 앱 생성하기

/// </summary>

/// <returns>MAUI 앱</returns>

protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();

#endregion

#region 시작시 처리하기 - OnLaunched(e)

/// <summary>

/// 시작시 처리하기

/// </summary>

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

protected override void OnLaunched(LaunchActivatedEventArgs e)

{

ToastNotificationManagerCompat.OnActivated += toastNotificationManagerCompat_OnActivated;

base.OnLaunched(e);

}

#endregion

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

#region 토스트 알림 관리자 컴팩트 활성화시 처리하기 - toastNotificationManagerCompat_OnActivated(e)

/// <summary>

/// 토스트 알림 관리자 컴팩트 활성화시 처리하기

/// </summary>

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

private void toastNotificationManagerCompat_OnActivated(ToastNotificationActivatedEventArgsCompat e)

{

}

#endregion

}

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] CommunityToolkit.WinUI.Notifications (UWP) 누겟 설치하기

■ CommunityToolkit.WinUI.Notifications (UWP) 누겟을 설치하는 방법을 보여준다. 1. Visual Studio를 실행한다. 2. [도구] / [NuGet 패키지 관리자] / [패키지 관리자 콘솔] 메뉴를

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] Snackbar 클래스 : 스낵바 표시시 애플리케이션 새 인스턴스 실행 방지하기 (UWP)

■ Snackbar 클래스에서 스낵바 표시시 애플리케이션 새 인스턴스 실행을 방지하는 방법을 보여준다. (UWP) ▶ Platforms/Windows/App.xaml.cs


using System.Diagnostics;
using System.Threading;

using Microsoft.UI.Xaml;

namespace TestProject.WinUI;

/// <summary>
/// 앱
/// </summary>
public partial class App : MauiWinUIApplication
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Field
    ////////////////////////////////////////////////////////////////////////////////////////// Static
    //////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 뮤텍스
    /// </summary>
    private static Mutex _mutex = null;

    #endregion

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

    #region 생성자 - App()

    /// <summary>
    /// 생성자
    /// </summary>
    public App()
    {
        this.InitializeComponent();
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Static
    //////////////////////////////////////////////////////////////////////////////// Private

    #region 단일 인스턴스 여부 구하기 - IsSingleInstance()

    /// <summary>
    /// 단일 인스턴스 여부 구하기
    /// </summary>
    /// <returns>단일 인스턴스 여부</returns>
    private static bool IsSingleInstance()
    {
        const string applicationID = "AF57FC2A-CAEF-466F-8D15-651A418258BE";

        _mutex = new Mutex(false, applicationID);

        GC.KeepAlive(_mutex);

        try
        {
            return _mutex.WaitOne(0, false);
        }
        catch(AbandonedMutexException)
        {
            _mutex.ReleaseMutex();

            return _mutex.WaitOne(0, false);
        }
    }

    #endregion

    ////////////////////////////////////////////////////////////////////////////////////////// Instance
    //////////////////////////////////////////////////////////////////////////////// Protected

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

    /// <summary>
    /// MAUI 앱 생성하기
    /// </summary>
    /// <returns>MAUI 앱</returns>
    protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();

    #endregion
    #region 시작시 처리하기 - OnLaunched(e)

    /// <summary>
    /// 시작시 처리하기
    /// </summary>
    /// <param name="e">이벤트 인자</param>
    protected override void OnLaunched(LaunchActivatedEventArgs e)
    {
        if(!IsSingleInstance())
        {
            Process.GetCurrentProcess().Kill();
        }
        else
        {
            base.OnLaunched(e);
        }
    }

    #endregion
}

100

101

102

103

104

105

106

using System.Diagnostics;

using System.Threading;

using Microsoft.UI.Xaml;

namespace TestProject.WinUI;

/// <summary>

/// 앱

/// </summary>

public partial class App : MauiWinUIApplication

{

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

////////////////////////////////////////////////////////////////////////////////////////// Static

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

#region Field

/// <summary>

/// 뮤텍스

/// </summary>

private static Mutex _mutex = null;

#endregion

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

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

#region 생성자 - App()

/// <summary>

/// 생성자

/// </summary>

public App()

{

this.InitializeComponent();

}

#endregion

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

////////////////////////////////////////////////////////////////////////////////////////// Static

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

#region 단일 인스턴스 여부 구하기 - IsSingleInstance()

/// <summary>

/// 단일 인스턴스 여부 구하기

/// </summary>

/// <returns>단일 인스턴스 여부</returns>

private static bool IsSingleInstance()

{

const string applicationID = "AF57FC2A-CAEF-466F-8D15-651A418258BE";

_mutex = new Mutex(false, applicationID);

GC.KeepAlive(_mutex);

try

{

return _mutex.WaitOne(0, false);

}

catch(AbandonedMutexException)

{

_mutex.ReleaseMutex();

return _mutex.WaitOne(0, false);

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Instance

//////////////////////////////////////////////////////////////////////////////// Protected

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

/// <summary>

/// MAUI 앱 생성하기

/// </summary>

/// <returns>MAUI 앱</returns>

protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();

#endregion

#region 시작시 처리하기 - OnLaunched(e)

/// <summary>

/// 시작시 처리하기

/// </summary>

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

protected override void OnLaunched(LaunchActivatedEventArgs e)

{

if(!IsSingleInstance())

{

Process.GetCurrentProcess().Kill();

}

else

{

base.OnLaunched(e);

}

#endregion

}

▶ 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="showButton"
        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="showButton"

HorizontalOptions="Center"

VerticalOptions="Center"

Text="스낵바 표시하기" />

</ContentPage>

▶ MainPage.xaml.cs


using CommunityToolkit.Maui.Alerts;
using CommunityToolkit.Maui.Core;

namespace TestProject;

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

    #region 생성자 - MainPage()

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

        this.showButton.Clicked += showButton_Clicked;
    }

    #endregion

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

    #region 스낵바 표시 버튼 클릭시 처리하기 - showButton_Clicked(sender, e)

    /// <summary>
    /// 스낵바 표시 버튼 클릭시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private async void showButton_Clicked(object sender, EventArgs e)
    {
        SnackbarOptions options = new SnackbarOptions
        {
            CornerRadius          = new CornerRadius(10),
            BackgroundColor       = Colors.Blue,
            CharacterSpacing      = 0,
            Font                  = Microsoft.Maui.Font.SystemFontOfSize(16),
            ActionButtonFont      = Microsoft.Maui.Font.SystemFontOfSize(14),
            TextColor             = Colors.White,
            ActionButtonTextColor = Colors.White
        };

        Action action = async () => await DisplayAlert
        (
            "INFORMATION",
            "사용자가 스낵바 액션 버튼을 탭했습니다.",
            "OK"
        );

        ISnackbar snackbar = Snackbar.Make("스낵바 입니다.", action, "종료", TimeSpan.FromSeconds(3), options);

        await snackbar.Show();
    }

    #endregion
}

using CommunityToolkit.Maui.Alerts;

using CommunityToolkit.Maui.Core;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

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

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

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

this.showButton.Clicked += showButton_Clicked;

}

#endregion

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

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

#region 스낵바 표시 버튼 클릭시 처리하기 - showButton_Clicked(sender, e)

/// <summary>

/// 스낵바 표시 버튼 클릭시 처리하기

/// </summary>

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

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

private async void showButton_Clicked(object sender, EventArgs e)

{

SnackbarOptions options = new SnackbarOptions

{

CornerRadius = new CornerRadius(10),

BackgroundColor = Colors.Blue,

CharacterSpacing = 0,

Font = Microsoft.Maui.Font.SystemFontOfSize(16),

ActionButtonFont = Microsoft.Maui.Font.SystemFontOfSize(14),

TextColor = Colors.White,

ActionButtonTextColor = Colors.White

};

Action action = async () => await DisplayAlert

(

"INFORMATION",

"사용자가 스낵바 액션 버튼을 탭했습니다.",

"OK"

);

ISnackbar snackbar = Snackbar.Make("스낵바 입니다.", action, "종료", TimeSpan.FromSeconds(3), options);

await snackbar.Show();

}

#endregion

}

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] Snackbar 클래스 : Make 정적 메소드를 사용해 스낵바 생성하기 (ANDROID)

■ Snackbar 클래스의 Make 정적 메소드를 사용해 스낵바를 생성하는 방법을 보여준다. (ANDROID) ▶ 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">
    <Grid x:Name="grid">
        <Button x:Name="showButton"
            HorizontalOptions="Center"
            VerticalOptions="Center"
            Text="스낵바 표시하기" />
        <BoxView x:Name="boxView"
            VerticalOptions="End"
            HeightRequest="0" />
    </Grid>
</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="showButton"

HorizontalOptions="Center"

VerticalOptions="Center"

Text="스낵바 표시하기" />

<BoxView x:Name="boxView"

VerticalOptions="End"

HeightRequest="0" />

</Grid>

</ContentPage>

▶ MainPage.xaml.cs


using CommunityToolkit.Maui.Alerts;
using CommunityToolkit.Maui.Core;

namespace TestProject;

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

    #region 생성자 - MainPage()

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

        this.showButton.Clicked += showButton_Clicked;
    }

    #endregion

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

    #region 스낵바 표시 버튼 클릭시 처리하기 - showButton_Clicked(sender, e)

    /// <summary>
    /// 스낵바 표시 버튼 클릭시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private async void showButton_Clicked(object sender, EventArgs e)
    {
        SnackbarOptions options = new SnackbarOptions
        {
            CornerRadius          = new CornerRadius(10),
            BackgroundColor       = Colors.Blue,
            CharacterSpacing      = 0,
            Font                  = Microsoft.Maui.Font.SystemFontOfSize(16),
            ActionButtonFont      = Microsoft.Maui.Font.SystemFontOfSize(14),
            TextColor             = Colors.White,
            ActionButtonTextColor = Colors.White
        };

        Action action = async () => await DisplayAlert
        (
            "INFORMATION",
            "사용자가 스낵바 액션 버튼을 탭했습니다.",
            "OK"
        );

        ISnackbar snackbar = Snackbar.Make("스낵바 입니다.", action, "종료", TimeSpan.FromSeconds(3), options, this.boxView);

        await snackbar.Show();
    }

    #endregion
}

using CommunityToolkit.Maui.Alerts;

using CommunityToolkit.Maui.Core;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : ContentPage

{

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

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

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

this.showButton.Clicked += showButton_Clicked;

}

#endregion

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

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

#region 스낵바 표시 버튼 클릭시 처리하기 - showButton_Clicked(sender, e)

/// <summary>

/// 스낵바 표시 버튼 클릭시 처리하기

/// </summary>

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

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

private async void showButton_Clicked(object sender, EventArgs e)

{

SnackbarOptions options = new SnackbarOptions

{

CornerRadius = new CornerRadius(10),

BackgroundColor = Colors.Blue,

CharacterSpacing = 0,

Font = Microsoft.Maui.Font.SystemFontOfSize(16),

ActionButtonFont = Microsoft.Maui.Font.SystemFontOfSize(14),

TextColor = Colors.White,

ActionButtonTextColor = Colors.White

};

Action action = async () => await DisplayAlert

(

"INFORMATION",

"사용자가 스낵바 액션 버튼을 탭했습니다.",

"OK"

);

ISnackbar snackbar = Snackbar.Make("스낵바 입니다.", action, "종료", TimeSpan.FromSeconds(3), options, this.boxView);

await snackbar.Show();

}

#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

[태그:] COMMUNITY TOOLKIT

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

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

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

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

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

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

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

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

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

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

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

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] Style 클래스 사용하기

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] CharactersValidationBehavior 클래스 : 숫자 2자 이상 입력 여부 검증하기

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] CharactersValidationBehavior 엘리먼트 : 숫자 2자 이상 입력 여부 검증하기

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] Toast 클래스 : Make 정적 메소드를 사용해 토스트 메시지 생성하기

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] Snackbar 클래스 : 스낵바 표시시 애플리케이션 새 인스턴스 실행 방지하기 (UWP)

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] CommunityToolkit.WinUI.Notifications (UWP) 누겟 설치하기

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] Snackbar 클래스 : 스낵바 표시시 애플리케이션 새 인스턴스 실행 방지하기 (UWP)

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] Snackbar 클래스 : Make 정적 메소드를 사용해 스낵바 생성하기 (ANDROID)

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] CommunityToolkit.Maui.Core 누겟 설치하기

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] CommunityToolkit.Maui.Markup 누겟 설치하기

[C#/MAUI/COMMUNITY TOOLKIT/.NET6] CommunityToolkit.Maui 누겟 설치하기