ListBoxItem 动画和不透明度

Question

我有一个带有样式的列表框，包括带有样式的Listboxitem。我正在尝试创建一个将不透明度从 0 更改为 1 的动画，以使项目显示在列表上。我已经设法使用以下代码来做到这一点：

<Style x:Key="ListBoxStyle1" TargetType="ListBox">
            <Setter Property="Foreground" Value="#FF393C3F" />
            <Setter Property="OverridesDefaultStyle" Value="true"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBox">
                        <Border Name="Border" Background="{x:Null}" BorderBrush="Black" BorderThickness="0" Padding="0">
                            <ItemsPresenter />
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Style x:Key="ListBoxItemStyle1" TargetType="ListBoxItem">
            <Setter Property="Opacity" Value="0" />
            <Setter Property="Height" Value="16" />
            <Setter Property="VerticalContentAlignment" Value="Bottom" />
            <Setter Property="VerticalAlignment" Value="Bottom" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBoxItem">
                        <Border Name="Border" Padding="10,1,0,0" Background="{x:Null}">
                            <ContentPresenter VerticalAlignment="Center" SnapsToDevicePixels="True" />
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsSelected" Value="true">
                                <Setter TargetName="Border" Property="Background" Value="{StaticResource arrow}" />
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="true">
                                <Setter Property="Foreground" Value="#FF828689" />
                            </Trigger>
                            <Trigger Property="IsVisible" Value="true">
                                <Trigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetProperty="Opacity" From="0.0" To="1.0" Duration="0:0:0.4" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.EnterActions>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

事情按其应有的方式工作（除此之外，我希望在当前和下一个项目动画开始之间传递更多时间。但它存在不透明度问题。一切可能的设置都设置为透明、背景等，我对所选项目使用透明 .png 画笔。

问题在于不透明动画，最好在底部图片中看到：

这是动画中间的屏幕截图（当时列表框项目的不透明度为 0.8），您可以清楚地看到所有文本周围的白色背景。在第一个选定的项目中更加明显，因为它使用透明的 .png。当动画完成且不透明度为 1.0 时，该背景会神奇地消失。

是否忘记设置任何背景？

我

编辑：

我正在添加我的列表框声明：

<ListBox Height="239" HorizontalAlignment="Left" Margin="0,0,0,0" Name="listBox1" VerticalAlignment="Top" Width="145" Background="{x:Null}"  FontWeight="Black" FontSize="8" BorderBrush="{x:Null}" SnapsToDevicePixels="True" BorderThickness="0" ItemContainerStyle="{StaticResource ListBoxItemStyle1}" Style="{StaticResource ListBoxStyle1}">
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <VirtualizingStackPanel VerticalAlignment="Top" Background="{x:Null}" />
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
</ListBox>

另一个问题是：如何延迟每个列表框项在下一个列表项之前显示几毫秒的动画？

感谢您的帮助。

Answer 1

这可能是系统相关的渲染异常，我尝试了这种样式（只需使用我自己选择的项目图像，也是透明的 PNG）并且效果很好。
在我的一个应用程序中，设置为 Rectangle 的 Fill 属性的图像在我的一台计算机（甚至具有相同的操作系统 Win7 Professional）上奇怪地拉伸，因此不会是闻所未闻...

Answer 2

我已经解决了这个问题。问题是在代码中我覆盖了窗口的AllowTransparency 标志。现在它可以正常工作了。如果有人遇到类似的问题。