Почему я не могу установить непрозрачность в этой ситуации? - PullRequest
2 голосов
/ 30 марта 2009

Вот ситуация ... на верхнем уровне у меня есть TabControl. Каждая страница в TabControl состоит из ListBox:

<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>

ListBoxes имеют горизонтально ориентированную StackPanel в качестве ListTemplate:

<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);
    }
}

По большей части это прекрасно работает. Когда вы впервые нажимаете (или загружаете) вкладку, подэлементы на панели стека исчезают один за другим. Проблема в том, что когда вы возвращаетесь на вкладку, которая уже была показана ранее (т. Е. Вы используете обработчик событий VisibleChanged, а не обработчик «Loaded»), все элементы уже отображаются и они мигают по порядку, вместо того, чтобы начинать со скрытого и показывать по порядку .

Вот где это становится ужасно. Эта строка:

panel.Children[i].Opacity = 0.0;

... ничего не делает. Если я перейду код в отладчике и добавлю часы «panel.Children [i] .Opacity», он останется равным 1.0. Не исключение или что-нибудь. Это просто ... не работает.

Есть идеи?

1 Ответ

7 голосов
/ 31 марта 2009

У меня есть предположение о том, что может происходить: WPF не удаляет анимации после их завершения, поэтому, когда ваш код выполняется с помощью метода applySubItemsAnimations во второй раз, предыдущие анимации все еще там. Поэтому вы можете попытаться удалить эти анимации, передав null в качестве второго параметра

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);        
}
...