2012-07-30 58 views
0

我想設計一個新的切換按鈕。我用這個代碼的設計:ToggleButton樣式點擊行爲

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

所以看起來在此刻: enter image description here

這是非常好的。

我的問題是,只有當我點擊三角形時,按鈕纔會切換。但它應該在圓圈中的任何位置切換。

我該怎麼做?

回答

1

嘗試給你的Border a Background否則它將不會收到任何Mouse.Clicks。

<Border Background="Transparent"