新手学习wpf button中篇实例学习 等级4

button进阶

1.等级3的时候学习了用Grid（网格）布局排列。这次是button背景的引用学习圆角button。我发现学代码难的原因就是英语不好不懂什么意思。设置focysable属性为false后button就不会在按下的时候一闪一闪的了.

MainWindow.xaml代码

<Window x:Class="学习wpf.MainWindow"        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"        Title="MainWindow" Height="500" Width="800" >         <!--title标题-->    <Grid  >     <!--grid 网格格子-->        <Grid.ColumnDefinitions>     <!--column   列   definitions 定义-->            <ColumnDefinition Width="33*" />            <ColumnDefinition Width="33*" />            <ColumnDefinition Width="33*" />            <ColumnDefinition Width="Auto"/>       <!--auto自动-->        </Grid.ColumnDefinitions>        <Grid.RowDefinitions>          <!--row 行-->            <RowDefinition Height="33*" />            <RowDefinition Height="33*" />            <RowDefinition Height="33*" />            <RowDefinition Height="Auto"/>        </Grid.RowDefinitions>                             <!--content 内容-->              <!--background 背景-->        <Button Content="按钮1:资源" Grid.Column="0" Grid.Row="0" Name="button1"  Background="{DynamicResource HuaShuaZiyuan}"/>        <Button Content="按钮2:样式" Grid.Column="2" Grid.Row="0"   Name="button2" Style="{StaticResource 样式}" Focusable="False" />   <!--这里设置focysable属性为false后button就不会在按下的时候一闪一闪的了-->        <Button Content="按钮3颜色变化 "      Grid.Column="1"  Grid.Row="1" Name="button3" >            <Button.Background>          <!--anim动物；动画    brush刷子；画笔-->                <!--solid 实在的；固体；立方体     color 颜色-->                <SolidColorBrush x:Name="AnimBrush"/>            </Button.Background>            <Button.Triggers><!--triggers 触发；引起（trigger的单三形式）-->                             <!--event 事件 routed已选择路径（route的过去分词和过去式）RoutedEvent事件接口-->                <EventTrigger RoutedEvent="Button.Loaded">                    <BeginStoryboard><!--begin开始；首先   storyboard情节串连图板-->                        <Storyboard><!--animation活泼，生气；激励；卡通片绘制-->                            <!--coloranimation颜色绘制    Storyboard.TargetName动画实例的名字-->                            <!--Storyboard.TargetProperty连接的绘制的性质是-->                            <!--from ...to 从...到..   -->                            <!--duratuib持续时间-->                            <ColorAnimation Storyboard.TargetName="AnimBrush"                                             Storyboard.TargetProperty="(SolidColorBrush.Color)"                                             From="Red" To="Green" Duration="0:0:10"                                             AutoReverse="True" RepeatBehavior="Forever"/>                           <!--auto自动 reverse倒转    repeat重复      behavior行为    forever永远-->                        </Storyboard>                    </BeginStoryboard>                </EventTrigger>            </Button.Triggers>        </Button>        <!--bingding绑定    source 来源    resource资源   static静态的  data数据  path路径  span跨越-->        <Button Content="按钮4：Bingding" Grid.Column="1" Grid.Row="2"    Name="button4" Background="{Binding Source={StaticResource myDataSource},Path=ColorName}" Grid.ColumnSpan="2"  />        <Button Content="圆角按钮" Grid.Column="0" Grid.Row="2"  Name="button5"  Margin="10" Click="button5_Click">            <Button.Template>        <!--template模板   control控制；管理-->                <ControlTemplate >                    <!--border边界   thickness厚度  corner角落；拐角 radius半径-->                    <Border BorderThickness="1" CornerRadius="3,136,3,136" >                        <Border.Background >                            <!--linear直线的；线性的  gradient倾斜的  brush刷子；画笔-->                            <!--LinearGradientBrush线性渐变-->       <!--end最后  start开始  point指向-->                            <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">                                <!--stop停止  offset偏移-->                            <GradientStop Color="LightBlue" Offset="0.0" />                            <GradientStop Color="#ff0082bd" Offset="0.5" />                            <GradientStop Color="Blue" Offset="0.0" />                            </LinearGradientBrush>                        </Border.Background>                    </Border>                </ControlTemplate>            </Button.Template>        </Button>        <!--vertical垂直的Alignment对齐  top顶部 margin外边距  click点击   FontSize字体大小-->        <Button Content="字体大小" Grid.Column="1" Grid.Row="1"  VerticalAlignment="Top"  Margin="20" Name="button6" Click="FontSize_Click" />    </Grid></Window>

App.xaml代码

<Application x:Class="学习wpf.App"             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"           xmlns:local="clr-namespace:学习wpf"      StartupUri="MainWindow.xaml">    <Application.Resources>              <!--application 应用   resources资源-->        <!--使用资源引用-->        <SolidColorBrush x:Key="HuaShuaZiyuan" Color="Pink"/>        <!--使用样式-->        <Style x:Key="样式">     <!--style设计-->                 <!--value值-->            <!--setter调节器；设值函数   property性质 control控制管理-->            <Setter Property="Control.Background" Value="LightBlue"/>        </Style>        <!--使用数据绑定-->        <!--local局部；当地 的   binding绑定   data数据     source来源-->        <!--出现local缺引用在上面添加  xmlns:local="clr-namespace:你的项目名字xxx"-->        <local:BindingData x:Key="myDataSource"/>    </Application.Resources></Application>

点击后字体大小button的代码

button5是圆角button代码

   private void FontSize_Click(object sender, RoutedEventArgs e)        {                //private 私有的               //void 空集            //object  对象；目标           // sender 发送者         //   Routed已选择路径              //Event事件，结果            //arg 自变量            if (FontSize == 12)            {                FontSize = 16;            }            else            {                FontSize=12;            }        }        private void button5_Click(object sender, RoutedEventArgs e)        {             // message消息                 //box盒子                //Show 显示            MessageBox.Show("圆角button 更改主要属性就是CornerRadius ");        }

新建一个BindingData.cs的类

using System;using System.Collections.Generic;using System.Linq;using System.Text;namespace 学习wpf{ public   class BindingData    {                    //用于按钮4            public BindingData()                                                                         {                ColorName = "Red";            }            private string name = "Red";            public string ColorName            {                get { return name; }                set { name = value; }            }    }}