0

新しいトグル ボタンをデザインしたい。設計には次のコードを使用します。

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

したがって、現時点では次のようになります。 ここに画像の説明を入力

それはとてもいいです。

私の問題は、三角形をクリックしたときにのみボタンが切り替わることです。ただし、円内のどこでもトグルする必要があります。

どうやってやるの？

4

1 に答える 1

1

Borderそうしないと、Mouse.ClicksBackgroundを受け取りません。

<Border Background="Transparent"
于 2012-07-30T13:13:07.900 に答える