[MAUI] 상대 바인딩 - 자기 자신에게 바인딩

 

상대 바인딩중 자기 자신에게 바인딩하는 방법을 알아보자. 자기 자신에게 바인딩하는 방법은 RelativeSource 속성을 Self로 지정하여 사용한다. 요소의 속성을 다른 속성에 바인딩할 때 사용한다.

 

예제)

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
    x:Class="MauiApp1.TestPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:MauiApp1.Class"
    xmlns:vm="clr-namespace:MauiApp1.ViewModel"
    Title="TestPage"
    Padding="20">

    <ContentPage.BindingContext>
        <vm:BoxViewModel x:Name="bvm" />
    </ContentPage.BindingContext>

    <ContentPage.Resources />

    <StackLayout Margin="10,0">

        <BoxView
            HeightRequest="{Binding Source={RelativeSource Mode=Self, AncestorLevel=}, Path=WidthRequest}"
            WidthRequest="200"
            Color="Red" />

    </StackLayout>
</ContentPage>

결과

해당 예제에서 width 속성 값을 height 속성에 바인딩 하였다. 해당 두 속성의 값은 동일하다. 바인딩 시 요소의 속성을 바인딩 시 유형이 같아야 하며 만약 다르다면 변환기를 통해 지정하면 된다.

[참고]

https://learn.microsoft.com/ko-kr/dotnet/maui/fundamentals/data-binding/relative-bindings#bind-to-self

상대 바인딩 - .NET MAUI