14

下の画像のように、トグルボタンのグループのスタイルを模倣したいと思います。一度に「チェック」できるボタンは 1 つだけです。

ここに画像の説明を入力

私の質問はスタイリングに関連しています:

  • 画像のように左端のボタンと右端のボタンの角を丸くしたいのですが、(画像のように)間にボタンがある場合は、角を丸くしないでください。切り替えるボタンが 2 つしかない場合もあります。
  • さまざまな状態のスタイルが必要です:「通常/未チェック」、「マウスオーバー」、「押された」、および「チェック済み」。

これに使用している現在のコントロールは次のように行われます。

<StackPanel Orientation="Horizontal" >
    <RadioButton Style="{StaticResource {x:Type ToggleButton}}" Content="All" Padding="12,8,12,8" GroupName="View"  />
    <RadioButton Style="{StaticResource {x:Type ToggleButton}}" Content="Geolocated" Padding="12,8,12,8" GroupName="View" />
    <RadioButton Style="{StaticResource {x:Type ToggleButton}}" Content="Non Geolocated" Padding="12,8,12,8" GroupName="View" />
</StackPanel>

StackPanel Resources で、ToggleButton の Style を設定しようとしていますが、上の画像のように結果を達成する方法がかなりわかりません。

4

1 に答える 1