ToggleButton样式单击行为

Question

我想设计一个新的切换按钮。我将此代码用于设计：

<UserControl.Resources>
    <Style TargetType="ToggleButton">
        <Setter Property="Width" Value="20" />
        <Setter Property="Height" Value="20" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ToggleButton">
                    <Border BorderBrush="Black" BorderThickness="1 1 1 1" CornerRadius="8 8 8 8">
                        <Path Name="Arrow" Fill="Black" HorizontalAlignment="Center" VerticalAlignment="Center" />
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsChecked" Value="true">
                            <Setter TargetName="Arrow" Property="Data" Value="M 0 0 L 4 4 L 8 0 Z" />
                        </Trigger>
                        <Trigger Property="IsChecked" Value="false">
                            <Setter TargetName="Arrow" Property="Data" Value="M 0 4 L 4 0 L 8 4 Z" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</UserControl.Resources>

所以它看着这一刻：

非常好。

我的问题是按钮只在我点击三角形时切换。但它应该在圈子中的任何地方切换。

我该怎么做？

Answer 1

尝试给Border一个Background，否则它将不会收到任何鼠标。点击。

<Border Background="Transparent"