Анимированные переходы в WPF

Question

Я не могу понять, чего мне здесь не хватает.

Вот проблема:
Рассмотрим шаблон (Control | Data) с триггером, который переключает видимость некоторых внутренних элементов пользовательского интерфейса. Например. показать TextBlock, когда IsReadOnly == true и показать TextBox, когда IsReadOnly == false.

Все идеально, если вы делаете это без анимации - один или два сеттера сделали бы эту работу. Но что, если вы хотите модную анимацию? Затем вы должны указать, какие анимации следует запускать в EnterActions и ExitActions.

Но проблема в том, что именно должна делать анимация? Изменение ширины / высоты кажется действительно уродливым, потому что фиксированные размеры в WPF почти всегда неверны, а также абсолютно негибки.

Пока что лучшее, что я придумал, - это изменение MaxHeight / MaxWidth до некоторой степени, это дает немного больше гибкости, но все еще кажется жестоким.

Как вы говорите WPF анимировать ширину / высоту элемента от 0 до «столько, сколько нужно»?

UPD: В настоящее время я делаю анимацию Opacity и RenderTransform, и это работает. Просто иногда мне хотелось бы видеть анимацию, в которой элементы перемещаются без преобразования. Это не критический вопрос, но довольно интересный для меня.

Answer 1

Для большинства анимаций вы должны использовать либо преобразование рендеринга, либо непрозрачность, либо и то и другое. Я почти никогда ничего не использую.

Чтобы сделать ваш текст "Grow", анимируйте Scale of render transform. Не забудьте про центральную точку.

Используйте Expression Blend для быстрого достижения желаемого эффекта.

Answer 2

Проверить Переходные рамки . Это может быть то, что вам нужно.

Answer 3

Рассмотрите возможность использования эффектов перехода из Blend SDK. Хорошее объяснение создания пользовательского TransitionControl, который использует пиксельный шейдер внутри, можно найти здесь .

Answer 4

Я думаю, что лучший вариант - анимировать прозрачность: заставить TextBlock исчезать, а TextBox постепенно исчезать, и наоборот.