WPF: Проблема с DesiredHeight у Expander при XAML-анимации

Question

[Никита Траторов]

Приветствую коллег!
Знающие люди, подскажите пожалуйста, как решить проблемку.
Есть простой Expander, в нем Grid с полями. К Expander прикручена анимация на развертывание, чтобы он плавно выпадал. Она работает, если явно указать к какой высоте ему стремиться (To=«300»), но если пытаться использовать DesiredHeight, то MS VS сильно ругается, т.к. ей не удается отрисовать форму с этим Expander.

Вот собственно XAML

<Expander Header="Реквизиты юридического лица" HorizontalAlignment="Stretch" Margin="10" Name="Expander1" VerticalAlignment="Top" ExpandDirection="Down" >
                    <Expander.Content>
                        <Grid Height="128">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="170*" />
                            <ColumnDefinition Width="331*" />
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="32" />
                            <RowDefinition Height="32" />
                            <RowDefinition Height="32" />
                            <RowDefinition Height="32" />
                        </Grid.RowDefinitions>
                        <Label Grid.Row="0" Grid.Column="0" Name="Label7" HorizontalAlignment="Right" Margin="5,0,0,5">Название орг.</Label>
                        <TextBox Grid.Row="0" Grid.Column="1" Name="TextBox7" Margin="5" />
                        <Label Grid.Row="1" Grid.Column="0" Name="Label3" HorizontalAlignment="Right" Margin="5,0,0,5">ИНН</Label>
                        <TextBox Grid.Row="1" Grid.Column="1" Name="TextBox3" Margin="5" />
                        <Label Grid.Row="2" Grid.Column="0" Name="Label4" HorizontalAlignment="Right" Margin="5,0,0,5">КПП</Label>
                        <TextBox Grid.Row="2" Grid.Column="1" Name="TextBox4" Margin="5" />
                        <Label Grid.Row="3" Grid.Column="0" Name="Label5" HorizontalAlignment="Right" Margin="5,0,0,5">Адрес</Label>
                        <TextBox Grid.Row="3" Grid.Column="1" Name="TextBox5" Margin="5" />
                    </Grid></Expander.Content>
                    <Expander.Style>
                        <Style>
                            <Style.Triggers>
                                <Trigger Property="Expander.IsExpanded" Value="True">
                                    <Trigger.EnterActions>
                                        <BeginStoryboard>
                                            <Storyboard>
                                                <DoubleAnimation From="0" To="{Binding ElementName=Content, Path=DesiredHeight}" Duration="0:0:0.2" Storyboard.TargetProperty="Content.Height" />
                                            </Storyboard>
                                        </BeginStoryboard>
                                    </Trigger.EnterActions>
                                </Trigger>
                            </Style.Triggers>
                        </Style>
                    </Expander.Style>
                </Expander>

Comments

[Никита Траторов]

Есть маленькая победа в решении данной проблемы.
Оказывается, если ты не знаешь куда тебе стремиться в анимации, достаточно указать начальное значение (From).
Другими словами, запись:

<DoubleAnimation From="0" Duration="0:0:0.2" Storyboard.TargetProperty="Content.Height" />

работает! Expamder плавно разворачивается до какого-то своего, одному ему известного значения.

Теперь другая проблема — также плавно его свернуть. Я попробовал добавить логичный способ (To):

<Trigger.ExitActions>
     <BeginStoryboard>
          <Storyboard>
               <DoubleAnimation To="0" Duration="0:0:0.2" Storyboard.TargetProperty="Content.Height" />
          </Storyboard>
     </BeginStoryboard>
</Trigger.ExitActions>

но не преуспел. Анимации нет. У кого-нибудь есть мысли?

Answer 1

[Никита Траторов]

Есть маленькая победа в решении данной проблемы.
Оказывается, если ты не знаешь куда тебе стремиться в анимации, достаточно указать начальное значение (From).
Другими словами, запись:
<DoubleAnimation From=«0» Duration=«0:0:0.2» Storyboard.TargetProperty=«Content.Height» />

работает! Expamder плавно разворачивается до какого-то своего, одному ему известного значения.

Теперь другая проблема — также плавно его свернуть. Я попробовал добавить логичный способ (To):
<Trigger.ExitActions>
<DoubleAnimation To=«0» Duration=«0:0:0.2» Storyboard.TargetProperty=«Content.Height» />


</Trigger.ExitActions>

но не преуспел. Анимации нет. У кого-нибудь есть мысли?

Comments

[Никита Траторов]

Причина этой проблемы, скорее всего в том, что если не указывать TO изначально, тогда в следующей анимации, вместо FROM будет принято значение, указанное в предыдущей анимации, что в моем случае равно 0. Поэтому я не вижу, как он плавно сворачивается. Оно сразу в ноль сворачивается. Что тут анимировать?

Так что надо как-то искать решение с From=«0» To="{Binding ElementName=Content, Path=DesiredHeight}"
либо во втором случае, использовать значение From, полученное от текущего размера развернутого Expander