Почему я вижу только половину ящика?

Мне нравится решение Джейсона Фрэнка. Однако это еще проще и менее подвержено ошибкам, если вы не используете тег, но вместо этого, например, свойство Width пустого фиктивного элемента Border. Это родное двойное свойство, поэтому нет необходимости в синтаксисе , и вы можете называть границу так же, как и с такой переменной:

Это делает привязки более читаемыми.

Анимация всегда 0..1, как указал Джейсон:

Затем привяжите все, что вы хотите оживить, к ширине фиктивной границы. Таким образом, вы можете даже конвертировать цепи друг в друга так:

В сочетании с MathConverter вы можете делать почти что угодно в стилях: https://www.codeproject.com/Articles/ 239251 / MathConverter-How-To-Do-Math-в-XAML