0

私は 2 つのスタック パネルを持っています。2 番目のパネルは、ボタンをクリックすると下にスライドして表示できる追加情報です (jQuerys の slideDown 効果など)。その後、もう一度ボタンをクリックすると上にスライドします。

これまでアニメーションをいじったことはありませんが、いくつかの調査を行っています。私はまだかなり混乱していますが、この単純な問題を理解することはできません。

Visibility=Visible プロパティのみをリッスンすると、正常に動作します。しかし、パネルを上にスライドさせたいときは、奇妙な動作をします。

これは私の XAML コードです:

<Grid>
                <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>

                    <StackPanel Grid.Row="0" Width="600" Orientation="Horizontal">
                        <TextBlock Style="{StaticResource Heading4}">Panel 1</TextBlock>
                        <Button Width="300" Margin="30,0,0,0" Click="Button_OnClick">Click to slide other panel down</Button>
                    </StackPanel>

                    <StackPanel Name="StackPanelShowHide" Grid.Row="1" Width="500" Orientation="Vertical" Background="Beige" Height="70">
                        <StackPanel.Style>
                            <Style TargetType="StackPanel">
                                <Style.Triggers>
                                    <Trigger Property="Visibility"  Value="Visible">
                                        <Trigger.EnterActions>
                                            <BeginStoryboard>
                                                <Storyboard>
                                                    <DoubleAnimation Storyboard.TargetProperty="Height" From="0" To="70" Duration="0:0:1" />
                                                </Storyboard>
                                            </BeginStoryboard>
                                        </Trigger.EnterActions>
                                    </Trigger>
                                    <Trigger Property="Visibility"  Value="Collapsed">
                                        <Trigger.EnterActions>
                                            <BeginStoryboard>
                                                <Storyboard>
                                                    <DoubleAnimation Storyboard.TargetProperty="Height" From="70" To="0" Duration="0:0:1" />
                                                </Storyboard>
                                            </BeginStoryboard>
                                        </Trigger.EnterActions>   
                                    </Trigger>
                                </Style.Triggers>
                            </Style>
                        </StackPanel.Style>
                        <TextBlock Style="{StaticResource Heading4}">New panel</TextBlock>

                    </StackPanel>

                </Grid>

そして、これは私のコードビハインドです:

private void Button_OnClick(object Sender, RoutedEventArgs E) {
        if (StackPanelShowHide.Visibility == Visibility.Collapsed) {
            StackPanelShowHide.Visibility = Visibility.Visible;
        } else {
            StackPanelShowHide.Visibility = Visibility.Collapsed;
        }

    }

あなたが助けてくれることを本当に願っています:)

よろしく、 ラース

4

2 に答える 2

0

あなたの問題はStackPanel、 のVisibility値がの場合Collapsed、UI から削除されることだと思います。したがって、Animation発生したとしても、表示されません。

于 2013-10-14T13:56:34.020 に答える