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画笔。

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

Screenshot

这是动画中间的截图（当listboxitems的不透明度为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>

另一个问题是：如何延迟动画，每个listboxitem将在下一个之前延迟几毫秒显示？

感谢您的帮助。

Answer 1

这可能是一个系统依赖渲染异常，我尝试了这种风格（只需要使用我自己选择的项目图像，也是一个透明的PNG），它工作得非常好。
在我的一个应用程序中，设置为Fill Rectangle属性的{{1}}属性在我的一台计算机（甚至具有相同的操作系统，Win7 Professional）上奇怪地延伸，所以这是闻所未闻的。 ..

Answer 2

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

ListBoxItem动画和不透明度

2 个答案: