Wpf一个好看的按钮样式

最新推荐文章于 2024-08-29 07:00:00 发布
最新推荐文章于 2024-08-29 07:00:00 发布
阅读量1.6k 收藏 1
点赞数 1
分类专栏： WPF 文章标签： WPF好看的界面样式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37137902/article/details/104031419
版权

如图

按钮样式

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:local="clr-namespace:WpfApplication1">
    <Style x:Key="Window" TargetType="Window">
        <Setter Property="WindowStyle" Value="None"/>
        <Setter Property="AllowsTransparency" Value="True"/>
        <Setter Property="Background" Value="Transparent"/>
    </Style>
    <Style x:Key="BUTTON_MENUBAR" TargetType="Button">
        <Setter Property="VerticalAlignment" Value="Top"/>
        <Setter Property="HorizontalAlignment" Value="Right"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Grid  Width="{TemplateBinding Width}" Height="{TemplateBinding Height}">
                        <Grid Name="g" Opacity="0" Background="LightGray"/>
                        <Grid Name="grd" RenderTransformOrigin="0.5,0.5" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" Background="{TemplateBinding Background}" VerticalAlignment="Center" HorizontalAlignment="Center" >
                            <Grid.RenderTransform>
                                <TransformGroup>
                                    <!--<RotateTransform x:Name="rotate" Angle="0"-->
                                    <ScaleTransform x:Name="scale" ScaleX="0.8" ScaleY="0.8"/>
                                </TransformGroup>
                            </Grid.RenderTransform>
                        </Grid>
                        <ContentPresenter HorizontalAlignment="Left" VerticalAlignment="Center" />
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Trigger.EnterActions>
                                <BeginStoryboard >
                                    <Storyboard>
                                        <DoubleAnimation To="0.2"  Duration="0:0:0.2" Storyboard.TargetName="g" Storyboard.TargetProperty="Opacity" />
                                        <DoubleAnimation To="1"  Duration="0:0:0.2" Storyboard.TargetName="scale" Storyboard.TargetProperty="ScaleX" />
                                        <DoubleAnimation To="1"  Duration="0:0:0.2" Storyboard.TargetName="scale" Storyboard.TargetProperty="ScaleY" />
                                    </Storyboard>
                                </BeginStoryboard>
                            </Trigger.EnterActions>
                            <Trigger.ExitActions>
                                <BeginStoryboard >
                                    <Storyboard>
                                        <DoubleAnimation To="0"  Duration="0:0:0.2" Storyboard.TargetName="g" Storyboard.TargetProperty="Opacity" />
                                        <DoubleAnimation To="0.8"  Duration="0:0:0.2" Storyboard.TargetName="scale" Storyboard.TargetProperty="ScaleX" />
                                        <DoubleAnimation To="0.8"  Duration="0:0:0.2" Storyboard.TargetName="scale" Storyboard.TargetProperty="ScaleY" />
                                    </Storyboard>
                                </BeginStoryboard>
                            </Trigger.ExitActions>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="BUTTON_MENUBAR_PATH" TargetType="Button">
        <Setter Property="VerticalAlignment" Value="Top"/>
        <Setter Property="HorizontalAlignment" Value="Left"/>
        <Setter Property="Foreground" Value="Gray" />
        <Setter Property="Height" Value="30"/>
        <Setter Property="Width" Value="Auto"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Grid  Width="{TemplateBinding Width}" Height="{TemplateBinding Height}">
                        <Grid Name="g" Background="LightGray" Opacity="0" />
                        <Grid Name="grd"  Width="22" Height="22" Background="{TemplateBinding Background}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center" />
                        <Path Width="10" Height="30" HorizontalAlignment="Right" VerticalAlignment="Center" Data="M3,10 L7,15 L3,20" Stroke="Gray" StrokeThickness="1"/>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Trigger.EnterActions>
                                <BeginStoryboard >
                                    <Storyboard>
                                        <DoubleAnimation To="0.4"  Duration="0:0:0.2" Storyboard.TargetName="g" Storyboard.TargetProperty="Opacity" />
                                    </Storyboard>
                                </BeginStoryboard>
                            </Trigger.EnterActions>
                            <Trigger.ExitActions>
                                <BeginStoryboard >
                                    <Storyboard>
                                        <DoubleAnimation Duration="0:0:0.2" Storyboard.TargetName="g" Storyboard.TargetProperty="Opacity" />
                                    </Storyboard>
                                </BeginStoryboard>

                            </Trigger.ExitActions>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="BUTTON_MENUBAR_MINI" TargetType="Button">
        <Setter Property="VerticalAlignment" Value="Top"/>
        <Setter Property="HorizontalAlignment" Value="Right"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Grid  Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" ClipToBounds="True">
                        <Border Name="bdr" BorderBrush="LightGray" BorderThickness="2" Opacity="0">
                            <Border.Effect>
                                <DropShadowEffect x:Name="effect" BlurRadius="20" Opacity="0.8" ShadowDepth="0"  Color="LightGray"/>
                            </Border.Effect>
                        </Border>
                        <Grid Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" Background="{TemplateBinding Background}" VerticalAlignment="Center" HorizontalAlignment="Center" >
                            
                        </Grid>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Trigger.EnterActions>
                                <BeginStoryboard >
                                    <Storyboard>
                                        <DoubleAnimation To="1"  Duration="0:0:0.3" Storyboard.TargetName="bdr" Storyboard.TargetProperty="Opacity" />
                                    </Storyboard>
                                </BeginStoryboard>
                            </Trigger.EnterActions>
                            <Trigger.ExitActions>
                                <BeginStoryboard >
                                    <Storyboard>
                                        <DoubleAnimation To="0"  Duration="0:0:0.3" Storyboard.TargetName="bdr" Storyboard.TargetProperty="Opacity" />
                                    </Storyboard>
                                </BeginStoryboard>
                            </Trigger.ExitActions>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    
    <Style x:Key="BUTTON_AGREE" TargetType="{x:Type Button}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border Name="bdr" CornerRadius="3" Opacity="0.5" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1">
                        <!--可使用ContentPresenter代替-->
                        <!--Foreground的值White可以替换为{TemplateBinding Foreground}-->
                        <Label VerticalContentAlignment="Center" HorizontalContentAlignment="Center" Foreground="White" Content="{TemplateBinding Content}"/>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Trigger.EnterActions>
                                <BeginStoryboard >
                                    <Storyboard>
                                        <DoubleAnimation To="0.7"  Duration="0:0:0.2" Storyboard.TargetName="bdr" Storyboard.TargetProperty="Opacity" />
                                    </Storyboard>
                                </BeginStoryboard>
                            </Trigger.EnterActions>
                            <Trigger.ExitActions>
                                <BeginStoryboard >
                                    <Storyboard>
                                        <DoubleAnimation To="0.5"  Duration="0:0:0.2" Storyboard.TargetName="bdr"  Storyboard.TargetProperty="Opacity" />
                                    </Storyboard>
                                </BeginStoryboard>
                            </Trigger.ExitActions>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="BUTTON_DISAGREE" TargetType="{x:Type Button}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border CornerRadius="3" BorderBrush="#FFEBEBEB" BorderThickness="1">
                        <Grid>
                            <Border Name="bdr" CornerRadius="3" Background="Gray" Opacity="0"/>
                            <Label VerticalContentAlignment="Center" HorizontalContentAlignment="Center" Foreground="{TemplateBinding Foreground}" Content="{TemplateBinding Content}"/>
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Trigger.EnterActions>
                                <BeginStoryboard >
                                    <Storyboard>
                                        <DoubleAnimation To="0.2"  Duration="0:0:0.2" Storyboard.TargetName="bdr" Storyboard.TargetProperty="Opacity" />
                                    </Storyboard>
                                </BeginStoryboard>
                            </Trigger.EnterActions>
                            <Trigger.ExitActions>
                                <BeginStoryboard >
                                    <Storyboard>
                                        <DoubleAnimation To="0"  Duration="0:0:0.2" Storyboard.TargetName="bdr" Storyboard.TargetProperty="Opacity" />
                                    </Storyboard>
                                </BeginStoryboard>

                            </Trigger.ExitActions>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    
    
    <SolidColorBrush x:Key="SOLIDCOLORBRUSH_LIGHT" Color="#FF6FD1FF"/>
    <Color x:Key="COLOR_LIGHT" R="111" G="209" B="255" A="255" />
    
    
    <Style x:Key="BUTTON_ELLIPSE" TargetType="{x:Type Button}">
        <Setter Property="Cursor" Value="Hand"/>
        <Setter Property="ToolTip" Value="下一步"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border CornerRadius="15" Width="30" Height="30" Background="{DynamicResource SOLIDCOLORBRUSH_LIGHT}">
                        <Border.Effect>
                            <DropShadowEffect x:Name="effect" BlurRadius="7" Opacity="0.6" ShadowDepth="0"  Color="{DynamicResource COLOR_LIGHT}"/>
                        </Border.Effect>
                        <Grid>
                            <Path Name="path" HorizontalAlignment="Left"  Margin="0,0,0,0" Data="M5,15 L 15,23 L24,9" Stroke="White" StrokeThickness="1"/>
                            <Path Name="path2" HorizontalAlignment="Left" Opacity="0" Margin="0,0,0,0" Data="M5,15 H25 L17,7 M25,15 L17,22 " Stroke="White" StrokeThickness="1"/>
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Trigger.EnterActions>
                                <BeginStoryboard >
                                    <Storyboard>
                                        <DoubleAnimation To="0.9"  Duration="0:0:0.3" Storyboard.TargetName="effect" Storyboard.TargetProperty="Opacity" />
                                        <DoubleAnimation To="15"  Duration="0:0:0.3" Storyboard.TargetName="effect" Storyboard.TargetProperty="BlurRadius" />
                                        <DoubleAnimation To="0"  Duration="0:0:0.5" Storyboard.TargetName="path" Storyboard.TargetProperty="Opacity" />
                                        <DoubleAnimation To="1"  Duration="0:0:0.5" BeginTime="0:0:0.3" Storyboard.TargetName="path2" Storyboard.TargetProperty="Opacity" />

                                    </Storyboard>
                                </BeginStoryboard>
                            </Trigger.EnterActions>
                            <Trigger.ExitActions>
                                <BeginStoryboard >
                                    <Storyboard>
                                        <DoubleAnimation Duration="0:0:0.3" Storyboard.TargetName="effect" Storyboard.TargetProperty="Opacity" />
                                        <DoubleAnimation Duration="0:0:0.3" Storyboard.TargetName="effect" Storyboard.TargetProperty="BlurRadius" />
                                        <DoubleAnimation Duration="0:0:0.5" BeginTime="0:0:0.3" Storyboard.TargetName="path" Storyboard.TargetProperty="Opacity" />
                                        <DoubleAnimation Duration="0:0:0.5" Storyboard.TargetName="path2" Storyboard.TargetProperty="Opacity" />

                                    </Storyboard>
                                </BeginStoryboard>

                            </Trigger.ExitActions>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>

    </Style>

</ResourceDictionary>

主界面

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApplication1"
        mc:Ignorable="d"
        WindowStyle="None"        
        Height="230" 
        Width="600" 
        Title="读取dbf"
        Style="{StaticResource Window}"
        WindowStartupLocation="CenterScreen"     
        Icon="Resources\ylj2.png"
        ShowInTaskbar="True"
        x:Name="UserControl1"
        AllowsTransparency="True" Background="Transparent" OpacityMask="White" ResizeMode="NoResize" >
    <Window.Resources>
    </Window.Resources>
    <Grid Background="Transparent" Margin="0">


        <Border  CornerRadius="5,5,5,5">
            <Border.Effect>
                <DropShadowEffect ShadowDepth="0"
                                  Color="LightGray"
                                  BlurRadius="12"
                                  Opacity="0.5"/>
            </Border.Effect>
            <Image Source="Resources\background.png"
                   Stretch="Fill"
                   />
        </Border>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="30"></RowDefinition>
                <RowDefinition></RowDefinition>
                <RowDefinition></RowDefinition>
            </Grid.RowDefinitions>
            <Grid Grid.Row="0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="30"></ColumnDefinition>
                    <ColumnDefinition></ColumnDefinition>
                    <ColumnDefinition Width="360"></ColumnDefinition>
                    <ColumnDefinition Width="30"></ColumnDefinition>
                    <ColumnDefinition Width="30"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <Button Grid.Column="1"
                        x:Name="btn_OpenDbf"
                        Style="{StaticResource BUTTON_MENUBAR_PATH}" 
                        Background="{x:Null}"
                        Content="打开dbf文件   " 
                        FontSize="15"
                        VerticalAlignment="Bottom"
                        Click="btn_OpenDbf_Click"
                        Margin="0,0,0,0"/>
                <Grid Grid.Column="2">
                    <TextBlock    x:Name="txt_FilePath"
                                  Margin="0,0,0,5"
                                  VerticalAlignment="Bottom"
                                  Foreground="Gray"
                                  Text="">
                    </TextBlock>
                    <Line X1="0" Y1="30" X2="365" Y2="30"  StrokeEndLineCap="Round"   StrokeThickness="2">
                        <Line.Stroke>
                            <LinearGradientBrush EndPoint="0,0.5" StartPoint="1,1">
                                <GradientStop Color="Gray"/>
                                <GradientStop Offset="100"/>
                            </LinearGradientBrush>
                        </Line.Stroke>
                    </Line>
                </Grid>



                <Button Grid.Column="3" 
                        Style="{StaticResource  BUTTON_MENUBAR}"
                        VerticalAlignment="Top"
                        HorizontalAlignment="Right"
                        Width="30" Height="30">
                    <Button.Background>
                        <ImageBrush ImageSource="Resources/setting.png"/>
                    </Button.Background>
                </Button>

                <Button Grid.Column="4" 
                        x:Name="btn_Close"
                        Style="{StaticResource  BUTTON_MENUBAR_MINI}" 
                        VerticalAlignment="Top"
                        HorizontalAlignment="Right" 
                        Width="30"
                        Height="30" Click="btn_Close_Click" >
                    <Button.Background>
                        <ImageBrush ImageSource="Resources/close.png"/>
                    </Button.Background>
                </Button>
            </Grid>
            <Grid Grid.Row="1">

            </Grid>
            <Grid Grid.Row="2">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="1.4*"></ColumnDefinition>
                    <ColumnDefinition ></ColumnDefinition>
                    <ColumnDefinition ></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <Button Style="{DynamicResource BUTTON_ELLIPSE}"
                        x:Name="OpenMySql"
                        Width="30"
                        Height="30"
                        ToolTip="导入MySql"
                        HorizontalAlignment="Left"
                        Margin="33,0,0,0" 
                        VerticalAlignment="Center" 
                        Click="OpenMySql_Click"/>
                <!--<Button Style="{DynamicResource BUTTON_ELLIPSE}"
                        x:Name="btn_post"
                        Width="30"
                        Height="30"
                        ToolTip="发送"
                        HorizontalAlignment="Left"
                        Margin="80,0,0,0" 
                        VerticalAlignment="Center" 
                        Click="btn_post_Click"/>-->
                <Button Grid.Column="1"
                        x:Name="btn_Save"
                        Style="{StaticResource  BUTTON_AGREE}" 
                        Content="导入并输出Excel"
                        Margin="0,8,0,0"
                        VerticalAlignment="Center"
                        HorizontalAlignment="Center" 
                        Width="130" 
                        Height="40"            
                        FontSize="15"
                        BorderBrush="{x:Null}" 
                        Click="btn_Save_Click"
                        Background="#FF36B5C1"/>

                <Button Grid.Column="2"
                        x:Name="btn_Cancel"
                        Style="{StaticResource  BUTTON_DISAGREE}" 
                        Content="取消" 
                        FontSize="15"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        Width="120" 
                        Height="40"
                        Margin="0,8,0,0" 
                        Click="btn_Close_Click"
                        Foreground="Gray"/>
            </Grid>
        </Grid>
    </Grid>
</Window>

 

Chasmれ
关注
专栏目录
好看的WPF自定义按钮样式（绝对不亏）
09-30
全部出自个人之手。 预览地址http://csdn-1252047526.cossh.myqcloud.com/button.gif
漂亮的WPF按钮样式，水晶效果
08-16
是用样式实现更改WPF默认按钮外观，效果很棒。
推荐7款美观且功能强大的WPF UI库
专注于C#/.NET/.NET Core学习、工作、面试干货和实战教程分享。这里聚焦了大量的C#/.NET/.NET Core优质文章、开源项目、实用工具和学习、工作、面试心得。
08-29 1365
WPF 是一个强大的桌面应用程序框架，用于构建具有丰富用户界面的 Windows 应用。它提供了灵活的布局、数据绑定、样式和模板、动画效果等功能，让开发者可以创建出吸引人且交互性强的应用程序。
wpf 纯样式写按钮
03-09 203
1 <!--自定义按钮样式--> 2 <LinearGradientBrush x:Key="LinearGradientBlueBackground" EndPoint="0.5,1" StartPoint="0.5,0"> 3 <GradientStop Color="#FF377FED" Offset="...
WPF界面设计技巧（2）—自定义漂亮的按钮样式
weixin_34067102的博客
07-15 307
  上次做了个很酷的不规则窗体，这次我们来弄点好看的按钮出来，此次将采用纯代码来设计按钮样式，不需要 Microsoft Expression Design 辅助了。   首先打开 Microsoft Visual Studio 2008 ，新建一个WPF项目，在上面随便放几个按钮：     然后给各个按钮设置不同的背景颜色：     设置好之后就是这样啦：   ...
漂亮的C#WPF自定义按钮样式
12-30
漂亮的C#WPF自定义按钮样式
WPF的按钮样式
weixin_43497445的博客
06-09 1370
1-设置圆角第一种。
WPF炫酷旋转按钮样式
03-24
总结来说，**WPF炫酷旋转按钮样式**是一个通过自定义控件实现的交互式UI元素，结合了WPF的图形能力、动画系统和依赖属性机制。开发者可以通过调整标签、主要刻度和主要刻度增量等属性，轻松定制控件以适应不同应用...
WPF样式图片按钮
11-28
接下来，我们可以创建一个按钮样式，将图片作为按钮的内容，并定制按钮的样式。样式可以在控件级别定义，也可以在窗口或应用程序级别定义。下面是一个例子，展示了如何在样式中包含图片： ```xml ...
WPF自定义控件和样式之自定义按钮（Button）
12-31
固定样式的按钮一般在临时使用时或程序的样式比较固定时才会使用，按钮整体样式不需要做大的改动。 2.1 普通按钮-扁平化风格 先看效果： 定义Button的样式，详见代码： <Style x:Key=BtnInfoStyle TargetType=...
WPF自定义漂亮的按钮样式
微软新技术
05-02 5221
首先打开 Microsoft Visual Studio 2008 ，新建一个WPF项目，在上面随便放几个按钮：然后给各个按钮设置不同的背景颜色：设置好之后就是这样啦：然后我们就开始在 App.xaml 文件中定义按钮样式了：定义的样式代码如下：以下为引用的内容：    xmlns="http://schemas.microsoft.com/wi
WPF实现超酷样式按钮
07-03
WPF实现超酷样式按钮 WPF超酷样式按钮 WPF自定义按钮 WPF漂亮按钮 WPF按钮皮肤
WPFButton样式
10-09
WPFButton样式，6种button样式，简单的按钮样式，美化界面按钮
wpf的button样式
02-09
设置button的样式，内外发光，移动、点击、离开时产生不同的效果
wpf 漂亮button
02-17
这是一个漂亮的wpf button.。用两个圆做的，可以动态改变颜色，大小等。
WPF实现漂亮按钮实例
11-02
WPF实现漂亮按钮 示例程序通过设置按钮样式，实现漂亮的按钮效果，鼠标滑过，颜色变化 如果你阅读了这篇文章，你一定会更加清楚如何定制一个可维护、易扩展到WPF控件了
WPF一个好看的动态Button按钮样式
一个小暖贼的随手记录博客
06-17 3917
HAML代码 <!--窗口资源--> <Window.Resources> <!--按钮样式--> <StyleTargetType="{x:TypeButton}"> <SetterProperty="Width"Value="100"/> ...
WPF（三）举例讲解WPF样式
董文枭 老人的陋室
05-26 1538
WPF（三）举例讲解WPF样式WPF学习  一： Creating a Style Object 创建样式TargetType:控件Property:属性 Value：值 二：Setting Properties 设置属性例如设置Button背景为红色： 三：Attaching Event Handlers 事件处理举例处
写自己的WPF样式 - 按钮
weixin_30667301的博客
03-20 121
　　做一个后台管理小程序，据说WPF的界面比较"炫",于是选择使用WPF来开发。既然用了WPF当然需要做好看点了，于是稍微研究了下WPF的样式，废话不多说下面开始自定义一个按钮样式： (1)在App.xaml文件里自定义一个按钮样式 ,"MyWpfButton": <Application x:Class="WPFCustomerStyleStudy.App" ...
WPF 好看的按钮样式
最新发布
10-19
WPF（Windows Presentation Foundation）是一个强大的框架，用于创建用户界面丰富的Windows应用程序。在WPF中，你可以轻松地定制包括按钮在内的UI元素的外观。对于美观的按钮样式，你可以利用XAML (XML-based language) 和ResourceDictionary来定义自定义模板。 以下是一个简单的例子展示如何创建一个带图标、文字和圆角的漂亮按钮样式： ```xml <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Button x:Key="MyAwesomeButton" Style="{StaticResource ButtonStyle}"> <StackPanel> <Image Source="icon.png" Margin="5"/> <TextBlock Text="点击我" FontSize="18" Margin="5,0,0,5"/> </StackPanel> </Button> <Style x:Key="ButtonStyle" TargetType="Button"> <Setter Property="Background" Value="#3498DB"/> <Setter Property="Foreground" Value="White"/> <Setter Property="BorderBrush" Value="Transparent"/> <Setter Property="BorderThickness" Value="1"/> <Setter Property="Cursor" Value="HandPointer"/> <Setter Property="Padding" Value="10"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate> <Border CornerRadius="5"> <ContentPresenter/> </Border> </ControlTemplate> </Setter.Value> </Setter> </Style> </ResourceDictionary> ``` 在这个例子中，`ButtonStyle`设置了按钮的基本属性，如背景颜色、前景色等，并通过`ControlTemplate`设置了圆角边框效果。将这个`ButtonStyle`应用到`MyAwesomeButton`上即可获得预设的美观样式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值