[MAUI] 바인딩 경로 - Path

바인딩 경로 - Path

 

.NET MAUI에서 클래스의 속성(Binding)을 단일 속성, 하위 속성 or 컬렉션의 멤버를 Path로 설정할 수 있다.

 

<?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:globe="clr-namespace:System.Globalization;assembly=netstandard"
    xmlns:local="clr-namespace:MauiApp1.Class"
    Title="TestPage"
    Padding="20">

    <ContentPage.Resources>
    
        <Style x:Key="labelStyle" TargetType="Label">
            <Setter Property="FontSize" Value="18" />
            <Setter Property="HorizontalTextAlignment" Value="Center" />
            <Setter Property="VerticalOptions" Value="Center" />
        </Style>
        
    </ContentPage.Resources>

    <StackLayout Margin="10,0">
    
        <TimePicker x:Name="timePicker" />
        <Label Style="{StaticResource labelStyle}" Text="{Binding Source={x:Reference timePicker}, Path=Time.TotalSeconds, StringFormat='{0} total seconds'}" />
        <Label Style="{StaticResource labelStyle}" Text="{Binding Source={x:Static globe:CultureInfo.CurrentCulture}, Path=DateTimeFormat.DayNames[3], StringFormat='The middle day of the week is {0}'}" />

    </StackLayout>

</ContentPage>

위의 예제는 TimePicker 를 통해 Path를 설정하는 방식을 알 수 있다. 쉽게 생각하면 BInding 된 속성에 대해서 어떤 값을 사용할지 정한다고 보면 된다.

 

[참고]

https://learn.microsoft.com/ko-kr/dotnet/maui/fundamentals/data-binding/binding-path

바인딩 경로 - .NET MAUI