Question

我的列表框项目有一个模板。它包括一个图像按钮。悬停时按钮会更改图像。我遇到的问题是当我悬停时它会在按钮上添加一个奇怪的神器。如果它在ListBoxItem中，则只会发生这种情况。如果我把按钮放在主画布上，它工作正常。

这是处于正常状态的图像：

alt text

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

alt text

更奇怪的是，当您将鼠标移开并恢复图像时，工件仍然存在：

alt text

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

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

Answer 1

只需考虑一下 - 尝试将列表框项目模板上的SnapsToDevicePixels属性设置为“true”。可能还值得在按钮样式上设置它：

<Setter Property="SnapsToDevicePixels" Value="true"/>

Answer 2

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

ListBoxItem中按钮上IsMouseOver的奇怪问题

2 个答案: