이를 통해 FluidMoveSetTagBehavior 동작을 적용한 개체와의 시각적 관계 및
데이터 관계를 모두 공유하는 개체에 FluidMoveBehavior 동작을 적용할 수 있습니다.
왼쪽엔 ListBox가 오른쪽엔 ListBox에서 선택된 아이템이 나타나는 시나리오입니다.
LayoutRoot를 컬럼을 나누고, 오른쪽엔 선택된 아이템을 보여줄 그리드가 있습니다.
데이터탭으로 가셔서 세부정보모드(마우스포인터)로 변경 후
Property1을 그리드에 드래그드롭하시면, Text가 나타나게 되며,
(Property2도 같은방법으로 해주세요)
Grid의 DataContext는 {Binding SelectedItem, ElementName=listBox}로 자동 설정됩니다.
Property1,2에 바인딩된 Text와 이미지가 보이는 모습입니다.
FluidMoveBehavior를 그리드에 달고 세부속성을 설정합니다.
선택된 요소에 대해 효과를 줘야하니, 꼭 InitialTag를 DataContext로 설정
listBox의 ItemTemplate으로 간 후, FluidMoveSetTagBehavior를 달아줍니다.
세부속성 Tag를 DataContext로 바꾸면 끝입니다.
실행하시면, 리스트박스에서 선택된 아이템이 효과를 받으며 보여질것입니다.
0 개의 댓글:
댓글 쓰기