퓨즈[Fusetools] 문서[Docs] 번역

  1. Home
  2. 퓨즈[Fusetools] 문서[Docs] 번역
  3. UX 마크업
  4. 바인딩 (ux:Binding & ux:AutoBind)

바인딩 (ux:Binding & ux:AutoBind)

ux:Binding

ux:Binding은 UX 객체가 바인딩해야 하는 속성을 명시적으로 선택하는 데 사용됩니다.

구문

1
<type ux:Binding="some_property" />

비고

거의 필요하지는 않지만, 기본값이 아닌 다른 속성에 명시적으로 바인딩해야 하는 경우가 있습니다. 예제는 ux:Dependency에 대한 챕터 및 ux:Binding을 사용하여 종속성을 전달하는 방법을 참조하십시오. 다음은 몇 가지 다른 예입니다:

컨테이너(Container) 클래스

다음 예제에서는 ux:Binding을 사용하여 Rectangle을 Container의 Children 속성에 명시적으로 바인딩해야 합니다. 이는 Container가 Children을 기본 속성으로 가지지 않기 때문입니다. 대신 자식 요소를 Subtree 속성으로 지정된 요소로 전달합니다.

1
2
3
4
5
6
<Container ux:Class="MyContainer" Subtree="innerPanel">
    <Rectangle ux:Binding="Children" CornerRadius="10" Margin="10">
        <Stroke Color="Red" Width="2" />
        <Panel Margin="10" ux:Name="innerPanel" />
    </Rectangle>
</Container>

CubicBezierEasing으로 다양한 전진 및 후진 easing값 지정

1
2
3
4
<Move X="100" Duration="0.3">
    <CubicBezierEasing ux:Binding="Easing" ControlPoints="0.4, 0.0, 1.0, 1.0" />
    <CubicBezierEasing ux:Binding="EasingBack" ControlPoints="0.3, 0.0, 0.3, 1.0" />
</Move>

위의 예제에서 두 개의 CubicBezierEasing 객체를 다른 속성에 명시적으로 바인딩하기 위해 ux:Binding을 사용해야 합니다. 그렇지 않으면 둘 다 Move의 기본 속성에 바인딩하려고 시도합니다. CubicBezierEasing의 경우 Easing 속성입니다.

ux:AutoBind

ux:AutoBind 속성은 UX 객체가 부모의 기본 속성(유형과 일치하는)에 자동으로 바인딩되어야 하는지 여부를 지정하는 데 사용됩니다. 이것은 몇 가지 예외를 제외하고 우리가 일반적으로 생각할 필요가 없는 것입니다.

구문

1
<type ux:AutoBind="true/false" />

비고

1
2
3
4
<StackPanel>
    <Text Value="Hello" />
    <Rectangle Color="Red" />
</StackPanel>

위의 예제에서 Text와 Rectangle은 StackPanel의 Children 속성에 자동으로 바인딩됩니다. 이것은 일반적으로 걱정할 필요가 없는 구현 세부 사항입니다. 하지만 우리가 원할 경우에는 ux:AutoBind를 사용하여 해당 동작을 바꿀 수 있습니다:

1
2
3
4
<StackPanel>
    <Text Value="Hello" ux:AutoBind="false" />
    <Rectangle Color="Red" ux:AutoBind="false"/>
</StackPanel>

위의 예제에서 우리는 ux:Binding을 사용하여 속성에 바인딩 할 수 있는 두 개의 “free floating” 요소를 만들었습니다.

Was this article helpful to you? Yes No

How can we help?