WPF Button按钮Style渐变样式

Style样式写在App.Xaml中

  <Style TargetType="Button" x:Key="ButtonStyle">
            <Setter Property="Foreground" Value="#AAA"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border BorderThickness="1" Background="Transparent" Name="border">
                            <Border.BorderBrush>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">    <!--Button按钮边框渐变-->
                                    <GradientStop Color="#22FFFFFF" Offset="0"/>
                                    <GradientStop Color="#77FFFFFF" Offset="0.5"/>
                                    <GradientStop Color="#22FFFFFF" Offset="1"/>
                                </LinearGradientBrush>
                            </Border.BorderBrush>

                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">  <!--按钮内容-->
                                <TextBlock Text="{TemplateBinding Tag}" FontFamily="Assets/Fonts/#iconfont" FontSize="14" VerticalAlignment="Center" Margin="0,2,5,0"/>  <!--按钮图标-->
                                <TextBlock Text="{TemplateBinding Content}" VerticalAlignment="Center"/>  <!--按钮内容-->
                            </StackPanel>

                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">   <!--鼠标移动到按钮上样式-->
                                <Setter TargetName="border"  Property="Background" Value="#11FFFFFF"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

调用方式

 <Button Grid.Column="1" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="20,0"
                    Style="{StaticResource ButtonStyle}"
                    Content="配置"   //对应ButtonStyle样式中的Text="{TemplateBinding Content}"
                    Tag=""   //对应ButtonStyle样式中的Text="{TemplateBinding Tag}"
                    Height="33" Width="80"
                    Command="{Binding SettingsCommand,RelativeSource={RelativeSource AncestorType=Window}}">
            </Button>


你可能感兴趣的:(WPF,wpf)