RadioButton改写的开关按钮

 先上效果图：

 

 

 这个控件其实是俩个RadioButton，通过样式就可以实现。

样式资源：

<Style x:Key="Tong_Yong_RadioButtonStyle" TargetType="{x:Type RadioButton}">
                <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
                <Setter Property="Background" Value="White" />
                <Setter Property="BorderThickness" Value="0" />
                <Setter Property="HorizontalContentAlignment" Value="Center" />
                <Setter Property="VerticalContentAlignment" Value="Center" />
                <Setter Property="Padding" Value="0" />
                <Setter Property="Margin" Value="10,10,0,0" />
                <Setter Property="Cursor" Value="Hand" />
                <Setter Property="Height" Value="{Binding Height}" />
                <Setter Property="Width" Value="{Binding Width}" />
                <Setter Property="Cursor" Value="Hand" />
                <Setter Property="Template">
                <Setter.Value>
                        <ControlTemplate TargetType="{x:Type RadioButton}">
                            <Grid>
                                <!--  选中或者鼠标移入颜色  -->
                                <Grid
                                    x:Name="B"
                                    Background="#0099ff"
                                    Visibility="Collapsed" />
                                <!--  默认颜色  -->
                                <Grid x:Name="A" Background="{TemplateBinding Background}" />

                                <ContentPresenter
                                    x:Name="b"
                                    HorizontalAlignment="Center"
                                    VerticalAlignment="Center"
                                    TextBlock.Foreground="White" />
                                <ContentPresenter
                                    x:Name="a"
                                    HorizontalAlignment="Center"
                                    VerticalAlignment="Center"
                                    TextBlock.Foreground="Black" />
                            </Grid>
 　　　　　　　　　　　　　　　　<ControlTemplate.Triggers>
                                <Trigger Property="IsChecked" Value="True">
                                    <Setter TargetName="A" Property="Visibility" Value="Collapsed" />
                                    <Setter TargetName="B" Property="Visibility" Value="Visible" />
                                    <Setter TargetName="a" Property="Visibility" Value="Collapsed" />
                                    <Setter TargetName="b" Property="Visibility" Value="Visible" />
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

2.引用样式

 <RadioButton
                                Width="80"
                                Margin="0"
                                Content="开"
                                Foreground="Black"                         
                                Style="{DynamicResource Tong_Yong_RadioButtonStyle}" />
                            <RadioButton
                                Width="80"
                                Margin="0"
                                Content="关"
                                Foreground="Black"
                                IsChecked="True"
                                Style="{DynamicResource Tong_Yong_RadioButtonStyle}" />