wpf 使用radioButton 显示排序箭头样式

来源：互联网发布：军事机构域名编辑：程序博客网时间：2024/05/16 01:47
       <!--排序向下箭头-->        <Style x:Key="ButtonDownStyle" TargetType="{x:Type RadioButton}">            <Setter Property="HorizontalContentAlignment" Value="Center"/>            <Setter Property="VerticalContentAlignment" Value="Center"/>            <Setter Property="Height" Value="10"></Setter>            <Setter Property="Padding" Value="0,0,1,1"/>            <Setter Property="Cursor" Value="Hand"></Setter>            <Setter Property="Template">                <Setter.Value>                    <ControlTemplate TargetType="{x:Type RadioButton}">                        <Grid>                            <Border HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0,-2,0,0">                                <Path x:Name="downPath" Data="M14.5,12.887 L23.5,12.887 19,19.887 z" Height="10" Margin="0,1,0,0" Stretch="Fill" VerticalAlignment="Center" HorizontalAlignment="Left" Width="10">                                    <Path.Fill>                                        <RadialGradientBrush>                                            <GradientStop Color="#FFA19F9F" Offset="1"/>                                            <GradientStop Color="#FF939393"/>                                        </RadialGradientBrush>                                    </Path.Fill>                                    <Path.Effect>                                        <DropShadowEffect BlurRadius="1" ShadowDepth="1" Opacity="0.51"/>                                    </Path.Effect>                                </Path>                            </Border>                        </Grid>                        <ControlTemplate.Triggers>                            <Trigger Property="IsChecked" Value="true">                                <Setter Property="Fill" TargetName="downPath">                                    <Setter.Value>                                        <RadialGradientBrush>                                            <GradientStop Color="#FF36B215" Offset="1"/>                                            <GradientStop Color="#FF66D237"/>                                        </RadialGradientBrush>                                    </Setter.Value>                                </Setter>                            </Trigger>                            <Trigger Property="IsMouseOver" Value="true">                                <Setter Property="Fill" TargetName="downPath">                                    <Setter.Value>                                        <RadialGradientBrush>                                            <GradientStop Color="#FF36B215" Offset="1"/>                                            <GradientStop Color="#FF66D237"/>                                        </RadialGradientBrush>                                    </Setter.Value>                                </Setter>                            </Trigger>                        </ControlTemplate.Triggers>                    </ControlTemplate>                </Setter.Value>            </Setter>        </Style>        <!--排序向上箭头-->        <Style x:Key="ButtonUpStyle" TargetType="{x:Type RadioButton}">            <Setter Property="HorizontalContentAlignment" Value="Center"/>            <Setter Property="VerticalContentAlignment" Value="Center"/>            <Setter Property="Height" Value="10"></Setter>            <Setter Property="Padding" Value="0,0,1,1"/>            <Setter Property="Cursor" Value="Hand"></Setter>            <Setter Property="Template">                <Setter.Value>                    <ControlTemplate TargetType="{x:Type RadioButton}">                        <Grid>                            <Border HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0,-5,0,-18">                                <Path x:Name="downPath" Data="M14.5,12.887 L23.5,12.887 19,19.887 z" Height="10" Width="10" Margin="0,1,0,0" Stretch="Fill" VerticalAlignment="Center" HorizontalAlignment="Left" >                                    <Path.Fill>                                        <RadialGradientBrush>                                            <GradientStop Color="#FFA19F9F" Offset="1"/>                                            <GradientStop Color="#FF939393"/>                                        </RadialGradientBrush>                                    </Path.Fill>                                    <Path.Effect>                                        <DropShadowEffect BlurRadius="1" ShadowDepth="1" Opacity="0.51"/>                                    </Path.Effect>                                    <Path.RenderTransform>                                        <TransformGroup>                                            <ScaleTransform ScaleY="-1" ScaleX="1"/>                                            <SkewTransform AngleY="0" AngleX="0"/>                                            <RotateTransform Angle="0"/>                                            <TranslateTransform/>                                        </TransformGroup>                                    </Path.RenderTransform>                                </Path>                            </Border>                        </Grid>                        <ControlTemplate.Triggers>                            <Trigger Property="IsChecked" Value="true">                                <Setter Property="Fill" TargetName="downPath">                                    <Setter.Value>                                        <RadialGradientBrush>                                            <GradientStop Color="#FF36B215" Offset="1"/>                                            <GradientStop Color="#FF66D237"/>                                        </RadialGradientBrush>                                    </Setter.Value>                                </Setter>                            </Trigger>                            <Trigger Property="IsMouseOver" Value="true">                                <Setter Property="Fill" TargetName="downPath">                                    <Setter.Value>                                        <RadialGradientBrush>                                            <GradientStop Color="#FF36B215" Offset="1"/>                                            <GradientStop Color="#FF66D237"/>                                        </RadialGradientBrush>                                    </Setter.Value>                                </Setter>                            </Trigger>                        </ControlTemplate.Triggers>                    </ControlTemplate>                </Setter.Value>            </Setter>        </Style>