0

我的列表框项目有一个模板。它包括一个图像按钮。当您悬停时，该按钮会更改图像。我遇到的问题是它在我悬停时向按钮添加了一个奇怪的工件。仅当它位于 ListBoxItem 中时才会发生这种情况。如果我将按钮放在主画布上，它可以正常工作。

这是正常状态下的图像：

替代文字

这是悬停状态的图像：注意顶部和右侧边缘的 2 条白线。

替代文字

更奇怪的是，当您将鼠标移开时，它会还原图像，但工件仍然存在：

替代文字

这是我的按钮的代码。我尝试过使用每个背景画笔（按钮、列表框项目等）

    <Style x:Key="RedXButton" TargetType="{x:Type Button}">
        <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
        <Setter Property="Background" Value="Black"/>
        <Setter Property="BorderBrush" Value="Transparent"/>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="Foreground" Value="Transparent"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Image Width="19" Height="18">
                            <Image.Style>
                                <Style TargetType="{x:Type Image}">
                                    <Setter Property="Source" Value="Views/Images/RedX.png"/>
                                        <Style.Triggers>
                                            <Trigger Property="IsMouseOver" Value="True">
                                                <Setter Property="Source" Value="Views/Images/RedXHover.png"/>
                                            </Trigger>
                                        </Style.Triggers>
                                </Style>
                            </Image.Style>
                        </Image>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsKeyboardFocused" Value="true"/>
                        <Trigger Property="ToggleButton.IsChecked" Value="true"/>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="Width" Value="19"/>
        <Setter Property="Height" Value="18"/>
        <Setter Property="OpacityMask" Value="{x:Null}"/>
    </Style>

我的列表框项目模板：

<Canvas x:Name="LayoutRoot">
        <Image x:Name="image" Source="/Views/Images/FileGradient.png" Width="375" Height="43"/>
        <Button x:Name="RedX" Style="{DynamicResource RedXButton}" Command="{Binding RemoveCommand}" Canvas.Left="11" Canvas.Top="13" Width="19" Height="18" />
    </Canvas>
4

2 回答 2

0

只是一个想法 - 尝试将SnapsToDevicePixels列表框项目模板上的属性设置为“true”。可能也值得在按钮样式上设置它：

<Setter Property="SnapsToDevicePixels" Value="true"/>
于 2010-01-19T13:00:09.130 回答
0

它最终成为不同元素冲突的多种样式。我不确定实际的修复是什么。我只是简化了所有样式并重新创建了一些控件，然后它就消失了。不幸的是，我无法再添加更多内容，因为我不确定最终是什么修复了它。

于 2011-08-05T16:18:59.697 回答