wpf实现圆有按钮

效果

代码

 1 <Window x:Class="WpfApp1.MainWindow"
 2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 5         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 6         xmlns:local="clr-namespace:WpfApp1"
 7         mc:Ignorable="d"
 8         Title="MainWindow" Height="450" Width="800">
 9     <Grid>
10         <Button Content="Button" HorizontalAlignment="Left" Margin="351,234,0,0" VerticalAlignment="Top"/>
11         <Button x:Name="btn" Content="改变" Margin="302,58,218,251" FontSize="36">
12             <Button.Template >
13                 <ControlTemplate TargetType="{x:Type Button}" >
14                     <Border BorderBrush="{TemplateBinding Control.BorderBrush}" BorderThickness="0" CornerRadius="33,33,33,33">
15                         <Border.Background>
16                             <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
17                                 <GradientStop Color="White" Offset="0.0" />
18                                 <GradientStop Color="Silver" Offset="0.5" />
19                                 <GradientStop Color="White" Offset="0.0" />
20                             </LinearGradientBrush>
21                         </Border.Background>
22                         <ContentPresenter Content="{TemplateBinding ContentControl.Content}" HorizontalAlignment="Center" VerticalAlignment="Center" ></ContentPresenter>
23                     </Border>
24                 </ControlTemplate>
25             </Button.Template>
26         </Button>
27 
28     </Grid>
29 </Window>

解释

按钮1

<Button Content="Button" HorizontalAlignment="Left" Margin="351,234,0,0" VerticalAlignment="Top"/>

 

按钮2

在<Button></Button>之间加了一些代码，就实现了圆角按钮。

 

 
posted @ 2023-09-01 00:38  牛大胆V5  阅读(303)  评论(0)    收藏  举报