애니메이션 끌기Drag animations

사용자가 목록 내에서 항목을 이동 하거나 다른 항목의 맨 위에 있는 항목을 삭제 하는 등의 방법으로 개체를 이동 하는 경우 끌어서 놓기 애니메이션을 사용 합니다.Use drag-and-drop animations when users move objects, such as moving an item within a list, or dropping an item on top of another.

중요 한 api : DragItemThemeAnimation 클래스Important APIs : DragItemThemeAnimation class

권장 사항 및 금지 사항Do's and don'ts

시작 애니메이션 끌기Drag start animation

  • 사용자가 개체를 이동 하기 시작할 때 끌기 시작 애니메이션을 사용 합니다.Use the drag start animation when the user begins to move an object.
  • 끌어서 놓기 작업의 영향을 받을 수 있는 다른 개체가 있는 경우에만 애니메이션에 영향을 받는 개체를 포함 합니다.Include affected objects in the animation if and only if there are other objects that can be affected by the drag-and-drop operation.
  • 끌기 시작 애니메이션으로 시작 하는 애니메이션 시퀀스를 완료 하려면 끌기 끝 애니메이션을 사용 합니다.Use the drag end animation to complete any animation sequence that began with the drag start animation. 이렇게 하면 끌기 시작 애니메이션에 의해 발생 한 끌어 온 개체의 크기 변경이 취소 됩니다.This reverses the size change in the dragged object that was caused by the drag start animation.

끌기 종료 애니메이션Drag end animation

  • 사용자가 끌어 온 개체를 놓을 때 끌기 끝 애니메이션을 사용 합니다.Use the drag end animation when the user drops a dragged object.
  • 목록에 대 한 애니메이션 추가 및 삭제와 함께 끌기 끝 애니메이션을 사용 합니다.Use the drag end animation in combination with add and delete animations for lists.
  • 끌기 시작 애니메이션에서 영향을 받는 개체를 포함 한 경우에만 끌기 끝 애니메이션에 영향을 받는 개체를 포함 합니다.Include affected objects in the drag end animation if and only if you included those same affected objects in the drag start animation.
  • 끌기 시작 애니메이션을 처음 사용 하지 않은 경우에는 끌기 끝 애니메이션을 사용 하지 마세요.Don't use the drag end animation if you have not first used the drag start animation. 끌기 시퀀스가 완료되면 모든 개체가 원래의 크기로 돌아갈 수 있도록 두 애니메이션을 모두 사용해야 합니다.You need to use both animations to return objects to their original sizes after the drag sequence is complete.

Enter 애니메이션 간 끌기Drag between enter animation

  • 사용자가 끌기 소스를 다른 두 개체 사이에 놓을 수 있는 끌어 놓기 영역으로 끌 때 enter 키 애니메이션을 사용 합니다.Use the drag between enter animation when the user drags the drag source into a drop area where it can be dropped between two other objects.
  • 적절 한 놓기 대상 영역을 선택 하세요.Choose a reasonable drop target area. 사용자가 끌어서 놓기에 대 한 끌기 원본을 배치 하기 어려운 경우에는이 영역을 작게 지정 하면 안 됩니다.This area should not be so small that it is difficult for the user to position the drag source for the drop.
  • 끌어 놓기 영역을 표시 하기 위해 영향을 받는 개체를 이동 하는 권장 방향은 서로 직접적입니다.The recommended direction to move affected objects to show the drop area is directly apart from each other. 세로 또는 가로로 이동 하는지 여부는 영향을 받는 개체의 방향에 따라 좌우 됩니다.Whether they move vertically or horizontally depends on the orientation of the affected objects to each other.
  • 끌기 소스를 영역에서 삭제할 수 없는 경우에는 enter 키 애니메이션을 사용 하지 마세요.Don't use the drag between enter animation if the drag source cannot be dropped in an area. Enter 키를 끌어서 놓기 애니메이션은 영향을 받는 개체 사이에 끌기 소스를 놓을 수 있음을 사용자에 게 알립니다.The drag between enter animation tells the user that the drag source can be dropped between the affected objects.

나가기 애니메이션 사이를 끌기Drag between leave animation

  • 사용자가 개체를 다른 두 개체 사이에 끌어 놓을 수 있는 영역 밖으로 끌 때 leave 애니메이션 사이에 끌기를 사용 합니다.Use the drag between leave animation when the user drags an object away from an area where it could have been dropped between two other objects.
  • Enter 키 애니메이션을 처음으로 사용 하지 않은 경우에는 나가기 애니메이션을 사용 하지 마세요.Don't use the drag between leave animation if you have not first used the drag between enter animation.

개발자용For developers