[C#/MAUI/.NET6] Style 엘리먼트 : Triggers 속성을 사용해 스타일에서 트리거 설정하기

■ Style 엘리먼트의 Triggers 속성을 사용해 스타일에서 트리거를 설정하는 방법을 보여준다.

▶ 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">
    <ContentPage.Resources>
        <Style TargetType="Entry">
            <Style.Triggers>
                <Trigger
                    TargetType="Entry"
                    Property="IsFocused"
                    Value="True">
                    <Setter Property="BackgroundColor" Value="Yellow" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </ContentPage.Resources>
    <StackLayout
        HorizontalOptions="Center"
        VerticalOptions="Center"
        Spacing="10">
        <Entry
            HorizontalOptions="Center"
            WidthRequest="300"
            Placeholder="이름을 입력해 주시기 바랍니다." />
        <Entry
            HorizontalOptions="Center"
            WidthRequest="300"
            Placeholder="장소를 입력해 주시기 바랍니다." />
    </StackLayout>
</ContentPage>

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

<ContentPage x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">

<ContentPage.Resources>

<Style.Triggers>

<Trigger

TargetType="Entry"

Property="IsFocused"

Value="True">

</Trigger>

</Style.Triggers>

</Style>

</ContentPage.Resources>

<StackLayout

HorizontalOptions="Center"

VerticalOptions="Center"

Spacing="10">

<Entry

HorizontalOptions="Center"

WidthRequest="300"

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

<Entry

HorizontalOptions="Center"

WidthRequest="300"

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

</StackLayout>

</ContentPage>

TestProject.zip