첨부 소스 코드는 나눔고딕코딩 폰트를 사용합니다.
728x90
반응형
728x170

TestProject.zip
0.15MB

▶ MainPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
    <StackLayout x:Name="stackLayout"
        HorizontalOptions="Center"
        VerticalOptions="Center"
        Spacing="10">
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup Name="ValidityStates">
                <VisualState Name="Valid">
                    <VisualState.Setters>
                        <Setter TargetName="entry"
                            Property="Entry.BackgroundColor"
                            Value="Gold" />
                        <Setter TargetName="messageLabel"
                            Property="Label.IsVisible"
                            Value="False" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState Name="Invalid">
                    <VisualState.Setters>
                        <Setter TargetName="entry"
                            Property="Entry.BackgroundColor"
                            Value="Red" />
                        <Setter TargetName="messageLabel"
                            Property="Label.IsVisible"
                            Value="True" />
                        <Setter TargetName="submitButton"
                            Property="Button.IsEnabled"
                            Value="False" />
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
        <Label
            IsVisible="False"
            HorizontalOptions="Center"
            FontSize="18"
            Text="전화 번호를 입력해 주시기 바랍니다 :" />
        <Entry x:Name="entry"
            HorizontalOptions="Center"
            MinimumWidthRequest="100"
            FontSize="18" />
        <Label x:Name="messageLabel"
            HorizontalOptions="Center"
            Margin="20,0,20,0"
            Text="전화번호를 999-9999-9999 형식으로 입력해 주시기 바랍니다." />
        <Button x:Name="submitButton"
            HorizontalOptions="Center"
            VerticalOptions="Center"
            FontSize="18"
            Text="Submit" />
    </StackLayout>
</ContentPage>

 

728x90

 

▶ MainPage.xaml.cs

using System.Text.RegularExpressions;

namespace TestProject;

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

    #region 생성자 - MainPage()

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

        SetVisualState(false);

        this.entry.TextChanged += entry_TextChanged;
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Private
    //////////////////////////////////////////////////////////////////////////////// Event

    #region 엔트리 텍스트 변경시 처리하기 - entry_TextChanged(sender, e)

    /// <summary>
    /// 엔트리 텍스트 변경시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private void entry_TextChanged(object sender, TextChangedEventArgs e)
    {
        bool isValid = Regex.IsMatch(e.NewTextValue, @"\d{3}-\d{4}-\d{4}$");

        SetVisualState(isValid);
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////// Function

    #region 시각적 상태 설정하기 - SetVisualState(isValid)

    /// <summary>
    /// 시각적 상태 설정하기
    /// </summary>
    /// <param name="isValid">검증 여부</param>
    private void SetVisualState(bool isValid)
    {
        string visualState = isValid ? "Valid" : "Invalid";

        VisualStateManager.GoToState(stackLayout, visualState);
    }

    #endregion
}
728x90
반응형
그리드형(광고전용)
Posted by icodebroker

댓글을 달아 주세요