2

これが状況です...トップレベルには、TabControlがあります。TabControlの各ページは、リストボックスで構成されています。

<TabControl>
    <TabItem Header="item 1">
        <ListBox>
            <ListBoxItem>sub item 1</ListBoxItem>
            <ListBoxItem>sub item 2</ListBoxItem>
            <ListBoxItem>sub item 3</ListBoxItem>
        </ListBox>
    </TabItem>
    <TabItem Header="item 2">
        <ListBox>
            <ListBoxItem>sub item 1</ListBoxItem>
            <ListBoxItem>sub item 2</ListBoxItem>
        </ListBox>
    </TabItem>
</TabControl>

ListBoxには、ListTemplateとして水平方向のStackPanelがあります。

<Style TargetType="ListBox">
    <Setter Property="ItemsPanel">
        <Setter.Value>
            <ItemsPanelTemplate>
                <StackPanel Orientation="Horizontal"
                      VisibleChanged="onStackPanelVisibilityChange"
                      Loaded="onStackPanelLoaded"
                      VerticalAlignment="Center" HorizontalAlignment="Center" />
            </ItemsPanelTemplate>
        </Setter.Value>
    </Setter>
</Style>

そのスタックパネルにいくつかのイベントハンドラーがあることに気付くでしょう。これらは、スタックパネル内のアイテムをアニメーション化するためのものであるため、順番にフェードインして表示されます。イベントハンドラは次のように実装されます。

void onStackPanelLoaded(object sender, RoutedEventArgs e)
{
    StackPanel panel = sender as StackPanel;

    applySubItemAnimations(panel);
}

void onStackPanelVisibilityChange(object sender, DependencyPropertyChangedEventArgs e)
{
    StackPanel panel = sender as StackPanel;

    if (panel.IsVisible)
    {
        applySubItemAnimations(panel);
    }
}

private void applySubItemAnimations(StackPanel panel)
{
    DoubleAnimation fadeIn = new DoubleAnimation();
    fadeIn.DecelerationRatio = 0.1;
    fadeIn.Duration = new Duration(new TimeSpan(0, 0, 0, 0, 500));
    fadeIn.From = 0.0;
    fadeIn.To = 1.0;

    for (int i = 0; i < panel.Children.Count; i++)
    {
        panel.Children[i].Opacity = 0.0;
        fadeIn.BeginTime = new TimeSpan(0, 0, 0, 0, 200 * i + 50);
        panel.Children[i].BeginAnimation(UIElement.OpacityProperty, fadeIn);
    }
}

ほとんどの場合、これはうまく機能します。タブを最初にクリック（またはロード）すると、スタックパネルのサブアイテムが次々と表示されます。問題は、以前に一度表示されたタブに戻ると（つまり、「Loaded」ハンドラーではなく「VisibleChanged」イベントハンドラーにいる場合）、すべてのアイテムがすでに表示され、順番に点滅することです。隠された状態から始めて順番に表示されるのではなく。

ここが醜いところです。この行：

panel.Children[i].Opacity = 0.0;

...何もしません。デバッガーでコードをステップ実行し、「panel.Children [i] .Opacity」にウォッチを置くと、1.0のままになります。例外も何もありません。それはただ...動作しません。

何か案は？

4

1 に答える 1

7

何が起こっているのか推測しています.WPFはアニメーションが完了すると削除しないため、コードがapplySubItemsAnimationsメソッドを2回目に実行しても、以前のアニメーションは残っています. したがって、 nullを 2 番目のパラメーターとして渡して、これらのアニメーションを削除しようとすることができます。

panel.Children[i].BeginAnimation(UIElement.OpacityProperty, null);

その後、新しいアニメーションを適用できるので、forループ全体は次のようになります。

for (int i = 0; i < panel.Children.Count; i++)
{            
    panel.Children[i].Opacity = 0.0;            
    fadeIn.BeginTime = new TimeSpan(0, 0, 0, 0, 200 * i + 50);            
    panel.Children[i].BeginAnimation(UIElement.OpacityProperty, null);        
    panel.Children[i].BeginAnimation(UIElement.OpacityProperty, fadeIn);        
}
于 2009-03-31T14:13:09.960 に答える