데이터 바인딩을 사용하여 UI와 UI를 연결

UI의 요소를 지정할 때 숫자나 문자열이 아닌 x:Bind 1 또는 Binding를 지정하면,
그 UI의 요소의 값을 코드의 변수나 다른 UI와 연결할 수 있는 것 같다.
x:Name 요소로 UI에 고유의 이름을 붙이는 것으로 x:Bind 를 할 수 있게 된다.

MainPage.xaml
<Page
    ...
    <StackPanel Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Slider x:Name="SliderA" Value="{x:Bind SliderB.Value, Mode=OneWay}" />
        <Slider x:Name="SliderB" Value="{x:Bind SliderA.Value, Mode=OneWay}" />
    </StackPanel>
</Page>



슬라이더를 움직이면 다른 한쪽도 움직인다. 어느 쪽이든 움직인다.



MainPage.xaml
<Page
    ...
    <StackPanel Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Slider x:Name="SliderA" Value="{x:Bind SliderB.Value, Mode=TwoWay}" />
        <Slider x:Name="SliderB" />
    </StackPanel>
</Page>

하지만 같은 결과가 된다.Mode 속성은 OneTime , OneWay , TwoWay길어지기 때문에 이 정도로.

참고:Windows Form 개발자를 위한 Windows 10 UWP 앱 개발 입문(후편) (1/5)
h tp // w w. 아 t r t. 이. jp / ai t / archi c0s / 1510/06 / 네 ws017. HTML
데이터 바인딩 개요
htps : // msd 응. 미 c 로소 ft. 코 m / 자 jp / ぃ b 등 ry / 우동 ws / ps / ml / mt269383. 아 spx



x:Bind는 Windows10상에서만 사용할 수 있는 것 같다. 대신 퍼포먼스가 좋다든가. 반대로 Binding은 Windows8, 8.1에서도 사용할 수 있는 대신 퍼포먼스가 떨어진다고.

좋은 웹페이지 즐겨찾기