10

Есть какой то контейнер с автоматическим позиционированием элементов. Например, StackPanel или WrapPanel. Коллекция заполнена привязкой данных. Допустим, я удаляю из контейнера один из элементов. Как сделать плавное перемещение на новые места остальных элементов?

9
  • Вероятнее всего вам придется писать свой контрол, на основе StackPanel или WrapPanel, и к нему уже цеплять такую анимацию. 25 дек 2015 в 3:28
  • @ArthurEdgarov, зачем? Для этого что, придется какие то свойства определять новые? Я думал это делается просто стилем
    – iRumba
    25 дек 2015 в 3:34
  • 2
    с помощь Interactions из Blend вы можете сделать все что вам заблагорассудится, просто зайдите в Expression Blend, выберите контрол который вам нужен и киньте на него Interaction.Triggers с экшеном InvokeCommandAction. также в него можно поместить какие либо экшены из prism, нужно только его подключить. Это даст вам безграничные возможности в плане GUI! Попробуйте это легко!
    – cvvvlad
    25 дек 2015 в 7:38
  • Еще вопрос вы заполнили StackPanel привязкой данных? По-моему у него нет свойства ItemsSource...
    – cvvvlad
    25 дек 2015 в 7:47
  • 1
    @cvvvlad, любой контейнер можно заполнить биндингом. Надо только знать как :) В случае со стак панелью, надо просто использовать ItemsControl и стак панель в качестве панели. А есть иные способы кроме Blend'a? Я как то не привык ничего никуда кидать через ГУИ, весь интерфейс пишу ручками
    – iRumba
    25 дек 2015 в 8:20

1 ответ 1

3

Могу посоветовать использовать класс Storyboard - см. пример на msdn. Он позволит менять определенные значения плавно, например, высоту или ширину. По поводу удаления: я бы посоветовал немного расширить View Model и добавить пару методов:

  1. Свойство VisibilityState {get;}

В статье от Microsoft описывается реакция на наведение мыши. Аналогичным образом можно подписаться на выставление Hidden в Visibility и начать плавное уменьшение высоты. В конце надо поставить Visibility Collapsed. При установке этого свойства объект может уже удаляться из коллекции.

Что происходит с точки зрения модели:

  1. Устанавливаем VisibilityState в Hidden
  2. Ждем, пока элемент не станет Collapsed.
  3. Удаляем элемент из коллекции

Что происходит с точки зрения пользователя:

  1. Он совершает действие
  2. Элемент исчезает, а все остальное аккуратненько сдвигается.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.