.NET MAUI x:Reference 사용하기

.NET MAUI  x:Reference 사용하기

 

.NET MAUI에서 x:Reference 마크업 확장은 XAML에서 다른 요소를 참조할 때 사용됩니다.

이 방법을 통해 하나의 요소가 다른 요소의 속성이나 메소드에 접근할 수 있게 됩니다.

x:Reference는 복잡한 상호작용이나 뷰 간의 데이터 바인딩 설정에 특히 유용합니다.

 

아래처럼 Slider 가 있고 Slider 의 Value 값을 Label 컨트롤에 표현해 주려면 아래처럼 처리하면 됩니다.

  <Slider x:Name="slider" Minimum="0" Maximum="100" Value="0" Background="Gray"/>
        <Label  
            Text="{Binding Source={x:Reference slider}, Path=Value, StringFormat='Volume: {0:F0}%'}"
            VerticalOptions="CenterAndExpand" 
            HorizontalOptions="CenterAndExpand"/>

위 코드를 보면 알수 있듯이 Label 의 Text 에 x:Reference 를 이용해 slider 의 Value 값을 설정하면

Slider 를 움직이면 해당 값이 Label 에 표시됩니다.

 

또한 아래처럼 Entry 의 내용을 Button Command 의 CommandParameter 로 사용할 수 있습니다.

<Entry x:Name="usernameEntry" Placeholder="Enter username" />

<Button Text="Submit" Command="{Binding Path=ClickedCommand}"
        CommandParameter="{Binding Source={x:Reference Name=usernameEntry}, Path=Text}" />