Есть скрытый StackPanel, имитирующий нечто вроде выпадающего списка. Он должен появляться аннимируя свою прозрачность от 0 до 1, ширину от 100 до 264 и высоту от 30 до автоматической. Пишу код:
<StackPanel x:Name="ContractSelect_Panel"
Width="100"
Height="30"
Opacity="0">
<StackPanel.Resources>
<Storyboard x:Name="ShowModal">
<DoubleAnimation Storyboard.TargetName="ContractSelect_Panel"
Storyboard.TargetProperty="Opacity"
To="1" Duration="0:0:0.15"/>
<DoubleAnimation Storyboard.TargetName="ContractSelect_Panel"
Storyboard.TargetProperty="Width"
To="264" Duration="0:0:0.15"/>
<DoubleAnimation Storyboard.TargetName="ContractSelect_Panel"
Storyboard.TargetProperty="Height"
To="Auto" Duration="0:0:0.15"/>
</Storyboard>
</StackPanel.Resources>
</StackPanel>
Проблема в том, что прозрачность анимируется нормально, а вот ширина как была 100 так и остается. Значение "Auto" для параметра Height вообще выдает исключение XamlParseException.
UPD. Код немного исправлен, в частности StackPanel обернут в Border для границы и скругления углов. Анимация перенесена на Border. Grid - это подложка под всплывающее окно. Теперь он выглядит так:
<Grid x:Name="ModalLayout"
Tapped="ModalLayout_Tapped"
Grid.Row="0"
Grid.RowSpan="3"
Background="#00FFFFFF"
Visibility="Collapsed">
<Border x:Name="ContractSelect_Border"
Background="#FFF4F4F4"
Opacity="0"
Width="100"
MinHeight="30"
VerticalAlignment="Top"
Margin="0 75 0 0"
CornerRadius="8"
BorderBrush="#C9CED3"
BorderThickness="1">
<Border.Resources>
<Storyboard x:Name="ShowModal">
<DoubleAnimation Storyboard.TargetName="ContractSelect_Border"
Storyboard.TargetProperty="Opacity"
To="1" Duration="0:0:0.15"/>
<DoubleAnimation Storyboard.TargetName="ContractSelect_Border"
Storyboard.TargetProperty="Width"
To="264" Duration="0:0:0.15"/>
</Storyboard>
<Storyboard x:Name="CloseModal">
<DoubleAnimation Storyboard.TargetName="ContractSelect_Border"
Storyboard.TargetProperty="Opacity"
To="0" Duration="0:0:0.15"/>
</Storyboard>
</Border.Resources>
<StackPanel x:Name="ContractSelect_Panel"/>
</Border>
</Grid>
Auto
и не должно работать.Auto
по сути есть NaN, а как вы предлагаете анимировать double-величину к NaN?*
, например). Но это скорее всего слишком окольный путь, проще сделать конвертер: pastebin.com/wRTAGfxE. Используется так:{Binding ActualWidth, ElementName=Arena, Converter={StaticResource Scaler}, ConverterParameter={src:Double 0.5}}
.