WPF rolldown animation

Question

Я хочу создать контейнер в WPF, который отобразит переменное количество элементов. Эти элементы будут прикреплены к контейнеру через коллекцию через DependencyProperty.

Я хотел бы отобразить этот контейнер, свернутый до тех пор, пока элементы не установлены. Затем, когда элементы установлены, я хотел бы оживить прокачку контейнера до размера, когда все предметы будут доступны.

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

Как я могу указать такие относительные размеры в раскадровке анимации WPF?

Answer 1

Вы можете сделать что-то подобное, используя ActualHeight свойство:

<Grid Name="LayoutRoot"> 
    <Grid Name="Container" ClipToBounds="True"> 
     <ListBox ItemsSource="{Binding YourCollection}" ... > 
      <ListBox.Triggers> 
       <EventTrigger RoutedEvent="ListBox.SizeChanged"> 
        <BeginStoryboard> 
         <Storyboard> 
          <DoubleAnimation Storyboard.TargetName="Container" 
Storyboard.TargetProperty="Height" To="{Binding ActualHeight, ElementName=LayoutRoot, 
FallbackValue=0, Mode=OneWay}" Duration="00:00:0.3" /> 
         </Storyboard> 
        </BeginStoryboard> 
       </EventTrigger> 
      </ListBox.Triggers> 
     </ListBox> 
    </Grid> 
</Grid> 

Заметьте, что я не использовал From свойство DoubleAnimation ... это позволит анимацию «расти», поскольку каждый пункт добавлен.