Открывать/закрывать анимацию при изменении видимости

Question

У меня есть приложение wpf с пограничным элементом управления, видимость которого привязана к свойству на viewmodel.

Элемент управления отображается и скрыт, как я ожидал бы, но я бы хотел добавить анимацию, чтобы сделать показ и скрыть визуальные изображения более гладкими. Я что-то думаю по линиям анимации ширины элемента управления от 0 до 250, поэтому он дает вид расширения/сжатия.

У меня было очень мало опыта с смесью, поэтому не уверен, что это правильный путь, но я создал раскадровку, которая делает масштабное преобразование на X, а затем попыталась добавить триггер против видимости элемент управления, чтобы запустить раскадровку. Однако я не могу найти событие видимости для добавления к триггеру. Может кто-то указать мне верное направление?

Answer 1

Вы можете использовать стиль для такой границы. Но в этом случае вы должны привязать к свойство IsEnabled вместо Видимость, потому что, если изменения видимости, opacitiy анимация не будет работать.

<Style x:Key="myBorder" TargetType="Border"> 
    <Style.Triggers> 
     <Trigger Property="IsEnabled" Value="False"> 
      <Trigger.EnterActions> 
       <BeginStoryboard> 
        <Storyboard TargetProperty="Opacity"> 
         <DoubleAnimation From="1" To="0" Duration="0:0:0.5" /> 
        </Storyboard> 
       </BeginStoryboard> 
      </Trigger.EnterActions> 
      <Trigger.ExitActions> 
       <BeginStoryboard> 
        <Storyboard TargetProperty="Opacity"> 
         <DoubleAnimation From="0" To="1" Duration="0:0:0.5" /> 
        </Storyboard> 
       </BeginStoryboard> 
      </Trigger.ExitActions> 
     </Trigger> 
    </Style.Triggers> 
</Style> 

Надеюсь, это поможет.

Update

Чтобы сжать границу можно использовать ThicknessAnimation для предыдущего образца кода.

<Storyboard TargetProperty="BorderThickness"> 
    <ThicknessAnimation From="1,1,1,1" To="0,0,0,0" Duration="0:0:0.5" /> 
</Storyboard>