자산을 클릭하거나 단축키(Ctrl+.)를 사용하시면 확장리스트가 나오구요.
FluidMoveBehavior을 드래그 하여 사용할 컨트롤에 안착시킵니다.
화면구성은 WrapPanel시간에 했던 것과 같죠.
단지, FluidMoveBehavior를 WrapPnael에 안착시켰을 뿐입니다.
FluidMoveBehavior 안착시키고, 바로 실행하신 후 창크기 조절해보시면
이전과 달라진게 없을 겁니다.
AppliesTo를 Children으로 바꿔주신 후, 실행하시면
변경 된 위치에 대해 1초동안 애니메이션으로 보여줍니다.
만약, AppliesTo를 Self로 확인하고 싶으시면, RectAngle에 달면 되겠습니다.
그럼 세부속성들에대해 알아보겠습니다.
Duration : 수행되는 시간
EaseX : 가로 감속/가속 기능
EaseY : 세로 감속/가속 기능
FloatAbove : 전환 중에 있는 개체가 다른개체 위에서 고정 해제되어 나타나는지
여부를 지정하기 위해 선택하거나 선택 취소
- 요소의 부모가 변경되는 시나리오에서만 적용가능
AppliesTo : 개체에 대해 영향이 미치는 정도
InitialTag : 이 요소를 가져오는것으로 표시되는 Tag를 지정
Tag : 데이터저장소에서 읽거나 쓰려는 데이터 유형을 지정
세부속성을 알았으니, 적용해보겠습니다.
Template시간에 사용했던 ListBox를 고대로 가져와서,
ItemsPanelTemplate - WrapPanel에 FluidMoveBehavior를 달고 ,
EaseX, EaseY, AppliesTo 속성을 주었습니다.
실행하시고, 창크기 조절하시면 효과를 확인하실 수 있습니다.
0 개의 댓글:
댓글 쓰기