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" />   <!--這裡設定focusable屬性為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>
        <!--binding繫結    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; }
            }
    }
}