Анимации перетаскивания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-интерфейсы: класс DragItemThemeAnimationImportant 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.

Анимация размещения между объектамиDrag between enter animation

  • Используйте анимацию размещения между объектами, когда пользователь перемещает источник перетаскивания в область перетаскивания, в которой его можно поместить между двумя другими объектами.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.
  • Не используйте анимацию перетаскивания между входом, если источник перетаскивания невозможно разместить в области.Don't use the drag between enter animation if the drag source cannot be dropped in an area. Анимация перетаскивания между входом означает, что источник перетаскивания можно поместить между затронутыми объектами.The drag between enter animation tells the user that the drag source can be dropped between the affected objects.

Анимация извлечения из области между объектамиDrag between leave animation

  • Используйте анимацию извлечения из области между объектами, когда пользователь перемещает объект из области, в которой его можно было бы поместить между двумя другими объектами.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.
  • Не используйте анимацию извлечения из области между объектами, если сначала не использовалась анимация размещения между объектами.Don't use the drag between leave animation if you have not first used the drag between enter animation.

Для разработчиковFor developers