WPF视频教程系列笔记

视频二：XAML基础

1.*元素 <Window></Window>,<Page></Page>,<Application></Application>

2. 名称空间很重要。默认名称空间：xmlns="" ；另外名称空间： xmlns:x="" ； x是名称空间前缀

x:Class="WpfApplication1.MainWindow" 是继续自Window类。

3. 简单属性：

实例1:简单属性

this.Title=this.Grid1.Name;

实例2：复杂属性,属性元素的方法

<Grid >

<Grid.Name>Grid1</Grid.Name>

</Grid>

4. 渐变的颜色

<Grid.Background>

<LinearGradientBrush.GradientStops>

</LinearGradientBrush.GradientStops>

</LinearGradientBrush>

</Grid.Background>

</Grid>

5. 附加的属性

其中：Grid.Row 默认从0开始，默认不写，这是一个附加属性。

6.特殊字符

特殊字符串‘<’使用 ‘&lt’代替 ,特殊字符串‘>’使用 ‘&gt’代替

空格字符：xml:space="preserve" 添加属性，可以完整显示空格。

<TextBox HorizontalAlignment="Left" Height="23" TextWrapping="Wrap" VerticalAlignment="Top" Width="465" xml:space="preserve">where this is " "...</TextBox>

7. XAML事件

按钮的单击事件

视频三：只使用代码创建WPF应用程序（缺点，慢；优点，*。）

补充知识点：使用partial关键字的类是可以互相补充的类。关键WPF有三种方式：a.仅使用代码创建；b.仅使用页面创建;c.两者结合，相互补充。

using System.Windows;

using System.Windows.Controls;

using System.Windows.Markup;

namespace _2014_10_09_WPF

{

    class Window1:Window

    {

        private Button button1;

        public Window1()

        {

            InitializeComponent();

        }

        private void InitializeComponent()

        {

             //设置窗体

            this.Width = ;

            this.Height = ;

            this.Left = this.Top = ;

            this.Title = "Code_Only Window";

            //创建停靠面板对象

            DockPanel panel = new DockPanel();

            //创建按钮对象

            button1 = new Button();

            button1.Content = "Please click me.";

            button1.Margin = new Thickness();

            //事件

            button1.Click+=button1_Click;

            ////添加控件

            IAddChild container = panel;

            container.AddChild(button1);

            container = this;

            container.AddChild(panel);

        }

        private void button1_Click(object sender,RoutedEventArgs e)

        {

            button1.Content = "Thank you.";

        }

    }

}

using System;

using System.Collections.Generic;

using System.Text;

using System.Windows;

namespace _2014_10_09_WPF

{

    class Program:Application

    {

        [STAThread]

        static void Main()

        {

            Program app = new Program();

            app.MainWindow = new Window1();

            app.MainWindow.ShowDialog();

        }

    }

}

视频四：使用代码和未经编译的外部标记XAML文件，创建WPF应用程序

代码如下：

////文件名称：MainWindow.xaml.cs

using System.Windows;

using System.Windows.Controls;

using System.IO;

using System.Windows.Markup;

namespace _2014_10_10使用代码和未经编译的标记XAML创建WPF应用程序

{

    /// <summary>

    /// MainWindow.xaml 的交互逻辑

    /// </summary>

    public partial class MainWindow : Window

    {

        private Button myButton;

        public MainWindow()

        {

            InitializeComponent();

        }

        public MainWindow(string xamlFile)

        {

            //设置窗体

            this.Width = this.Height = ;

            this.Left = this.Top = ;

            this.Title = "Dynamically loaded XAML";

            //从外部的一个XAML文件里面获取XAML内容

            DependencyObject rootElement;

            using (FileStream fs = new FileStream(xamlFile, FileMode.Open))

            {

                rootElement = (DependencyObject)XamlReader.Load(fs);

            }

            this.Content = rootElement;

            myButton =(Button)LogicalTreeHelper.FindLogicalNode(rootElement,"button1");

            myButton.Click += myButton_Click;

        }

        private void myButton_Click(object sender,RoutedEventArgs e)

        {

            myButton.Content = "thank you.";

        }

    }

}

////文件名称：Program.cs

using System;

using System.Collections.Generic;

using System.Text;

using System.Windows;

namespace _2014_10_10使用代码和未经编译的标记XAML创建WPF应用程序

{

    class Program:Application

    {

        [STAThread()]

        static void Main()

        {

            Program app = new Program();

            app.MainWindow = new MainWindow("MainWindow.xaml");

            app.MainWindow.ShowDialog();

        }

    }

}

视频五：使用StackPanel面板进行简单的布局（WPF布局原则，使用StackPanel布局，Border控件：边距，边缘，边的大小）堆栈面板，默认情况下是列排序方式。（垂直方向）

布局控件的使用：实例代码

<Window x:Class="_2014_10_10使用StackPanel面板进行简单布局.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="706.7">

    <Border BorderBrush="Black" BorderThickness="3" Margin="44.5,0,224.5,0" Padding="10" CornerRadius="10">

    <StackPanel Name="stackPanel1" Orientation="Horizontal"  HorizontalAlignment="Center">

        <Label Content="Label"  />

        <Button Content="Button1" Margin="10,0,10,0" MinWidth="20" MaxWidth="200" />

        <Button Content="Button2" />

        <Button Content="Button3" />

        <Button Content="Button4" />

        </StackPanel>

    </Border>

</Window>

视频六：使用WrapPanel 面板和DockPanel 面板使用（嵌套布局容器）

WrapPanel 默认情况是水平排序，行排序。wrap:包裹。 wrap up 伪装。

DockPanel 一些使用方法，代码如下：

<Window x:Class="使用WrapPanel_面板和DockPanel_面板使用__嵌套布局容器_.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <DockPanel  LastChildFill="True">

        <Button Content="Top Button"  DockPanel.Dock="Top"  />

        <Button Content="Bottom Button" DockPanel.Dock="Bottom"/>

        <Button Content="Left Button"  DockPanel.Dock="Left" Width="75"/>

        <Button Content="Right Button" DockPanel.Dock="Right" Width="75"/>

        <Button Content="Remaining Button" />

    </DockPanel>   

</Window>

嵌套布局容器实例：

<Window x:Class="使用WrapPanel_面板和DockPanel_面板使用__嵌套布局容器_.BasicDialogBox"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="BasicDialogBox" Height="300" Width="300">

    <DockPanel  Name="dockPanel1">

        <StackPanel Name="stackPanel" DockPanel.Dock="Bottom" Orientation="Horizontal" HorizontalAlignment="Right">

            <Button Content="OK" Margin="10,10,2,10" Padding="3" />

            <Button Content="Cancel" Margin="2,10,10,10" Padding="3" />

        </StackPanel>

        <TextBlock Name="txtBox1" DockPanel.Dock="Top">This is a test.</TextBlock>

    </DockPanel>

</Window>

视频七： Grid面板（调整行与列，布局舍入，跨越行与列，分割窗口，共享尺寸组）

调整行与列：Grid.Row="0" Grid.Column="1" 调整列的宽度：a. Width="200" b. Width="auto" c. Width="*" Width="2*" (a最不可取）

布局舍入： UseLayoutRounding="True" 解决图片模糊问题

跨越行与列： Grid.RowSpan="2"，Grid.ColumnSpan="2"

分割窗口：分割器对象: <GridSplitter Grid.Column="1" Grid.RowSpan="2" Width="3" VerticalAlignment="Stretch" HorizontalAlignment="Center" />

共享尺寸组：SharedSizeGroup="TextLable" 需要同名

<Window x:Class="_2014_10_10Grid面板.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Grid ShowGridLines="True" UseLayoutRounding="True" >

        <Grid.RowDefinitions>

            <RowDefinition ></RowDefinition>

            <RowDefinition ></RowDefinition>

        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="*" MinWidth="50"></ColumnDefinition>

            <ColumnDefinition Width="auto"></ColumnDefinition>

            <ColumnDefinition Width="2*" MinWidth="50"></ColumnDefinition>

            <ColumnDefinition Width="4*"></ColumnDefinition>

        </Grid.ColumnDefinitions>

        <Button Content="Left Top" Grid.Row="0" Grid.RowSpan="2" Grid.Column="0" Margin='3'/>

        <Button Content="Center Top" Grid.Row="0" Grid.Column="2"  Margin="3"/>

        <Button Content="Right Bottom" Grid.Row="1"  Grid.ColumnSpan="2" Grid.Column="2"  Margin="3"/>

        <GridSplitter Grid.Column="1"  Grid.RowSpan="2" Width="3" VerticalAlignment="Stretch" HorizontalAlignment="Center" />

    </Grid>

</Window>

视频八：使用Canvas面板进行基于坐标的布局（Canvas面板，Z 顺序，InkCanvas元素）

Canvas面板位置：<Canvas Name="canvas1">
<Button Canvas.Left="136" Canvas.Top="20" Content="Button" Width="75"/>
</Canvas>

控件重叠的处理方案：默认情况下都是，Canvas.ZIndex="0" 为0

<Window x:Class="_2014_10_10使用Canvas面板进行基于坐标的布局.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Grid>

        <Canvas Name="canvas1">

            <Button Name="button1" Canvas.Left="136" Canvas.ZIndex="1"  Canvas.Top="20" Content="Button" Width="75"/>

            <DataGrid Height="166" Width="295" Panel.ZIndex="2" >

            </DataGrid>

            <Button  Canvas.Left="353"  Canvas.Top="77" Content="Button" Width="75" Click="Button_Click"/>

        </Canvas>

    </Grid>

</Window>

InkCanvas 元素：接收手写笔的输入，支持鼠标直接画图

<InkCanvas EditingMode="GestureOnly">(根据设置的模式不一样，有不同的效果。)</InkCanvas>

<Window x:Class="_2014_10_10使用Canvas面板进行基于坐标的布局.Window1"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="Window1" Height="350" Width="525" Loaded="Window_Loaded">

    <Grid>

        <Grid.RowDefinitions>

            <RowDefinition Height="auto"></RowDefinition>

            <RowDefinition></RowDefinition>

        </Grid.RowDefinitions>

        <StackPanel Grid.Row="0">

            <ComboBox Name="EditingMode" Margin="5" SelectionChanged="EditingMode_SelectionChanged" ></ComboBox>

        </StackPanel>

   <InkCanvas EditingMode="None" Grid.Row="1" Name="inkCanvas" Background="#FF1BB444">

        <Button InkCanvas.Left="50" InkCanvas.Top="50" Content="Button1"></Button>

   </InkCanvas>

    </Grid>

</Window>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Shapes;

namespace _2014_10_10使用Canvas面板进行基于坐标的布局

{

    /// <summary>

    /// Window1.xaml 的交互逻辑

    /// </summary>

    public partial class Window1 : Window

    {

        public Window1()

        {

            InitializeComponent();

        }

        private void Window_Loaded(object sender, RoutedEventArgs e)

        {

            foreach (InkCanvasEditingMode item in Enum.GetValues(typeof(InkCanvasEditingMode)))

            {

                EditingMode.Items.Add(item);

            }

            EditingMode.SelectedIndex = ;

        }

        private void EditingMode_SelectionChanged(object sender, SelectionChangedEventArgs e)

        {

            inkCanvas.EditingMode = (InkCanvasEditingMode)this.EditingMode.SelectedValue;

        }

    }

}

视频九：理解路由事件

路由事件出现的三种方式：

1. 直接路由事件

2. 冒泡路由事件：向上传递 MouseUp="SomethingClicked" 与隧道路由事件是成对存在的，只是加了一个前缀Preview.

 protected int eventCountr = ;

        private void SometingClicked(object sender,RoutedEventArgs e )

        {

            eventCountr++;

            string message = "#" + eventCountr.ToString() + ":\r\n"

                + " Sender:" + sender.ToString() + ":\r\n"

                + " Source:" + e.Source + ":\r\n"

                + " Original Source:" + e.OriginalSource + ":\r\n"

                + " Event:" + e.RoutedEvent + ":\r\n";

            this.listbox1.Items.Add(message);

            e.Handled = (bool)chkHandle.IsChecked;

        }

3. 隧道路由事件：向下传递 PreviewMouseUp="SomethingClicked" 隧道事件是以Preview开头。

视频十：键盘输入（WPF事件类型，键盘输入）

WPF事件类型：五种，a. 生命周期事件（元素初始化，及卸载的时候触发）；鼠标事件（鼠标动作）；键盘事件（键盘动作）；手写笔事件（）；多点触控事件。

键盘输入： PreviewKeyDown(隧道路由事件)，KeyDown(冒泡路由事件)，PreviewTextInput(隧道路由事件)，TextInput(接收文本，冒泡)，PreviewKeyUp(释放按键，隧道)，KeyUp(冒泡)

Window x:Class="_2014_10_11_10键盘输入.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Grid >

        <TextBox Focusable="True"  TabIndex="0" VerticalAlignment="Top" Grid.ZIndex="20"  Height="20" Width="50" Name="TextBox" PreviewKeyDown="KeyEvent" KeyDown="KeyEvent" PreviewTextInput="TextBox_PreviewTextInput" PreviewKeyUp="KeyEvent" KeyUp="KeyEvent" TextChanged="TextBox_TextChanged" ></TextBox>

        <ListBox VerticalAlignment="Bottom" Name="lstMessages"></ListBox>

    </Grid>

</Window>

using System;

using System.Collections.Generic;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Navigation;

using System.Windows.Shapes;

namespace _2014_10_11_10键盘输入

{

    /// <summary>

    /// MainWindow.xaml 的交互逻辑

    /// </summary>

    public partial class MainWindow : Window

    {

        public MainWindow()

        {

            InitializeComponent();

        }

        private void KeyEvent(object sender, KeyEventArgs e)

        {

            string message = " Event:"+ e.RoutedEvent+"  " +"Key:"+e.Key;

            lstMessages.Items.Add(message);

        }

        private void TextBox_PreviewTextInput(object sender, TextCompositionEventArgs e)

        {

            string message = " Event:" + e.RoutedEvent + "  " + "Text:" + e.Text;

            lstMessages.Items.Add(message);

        }

        private void TextBox_TextChanged(object sender, TextChangedEventArgs e)

        {

            string message = " Event:" + e.RoutedEvent;

            lstMessages.Items.Add(message);

        }

    }

}

焦点的获取及层次： Focusable="True" TabIndex="0"

视频十一：鼠标输入（鼠标单击，捕获鼠标，鼠标拖放） MouseEventArgs

MouseEnter MouseLeave (直接事件)

PreviewMouseMove(隧道路由事件)

MouseMove(冒泡路由事件)

鼠标单击:PreviewMouseLeftButtonDown (左键) PreviewMouseRightButtonDown(右键)

鼠标的锁定，及鼠标的坐标。

<Window x:Class="_2014_10_11_11鼠标输入.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Grid Margin="5">

        <Grid.RowDefinitions>

            <RowDefinition></RowDefinition>

            <RowDefinition Height="auto"></RowDefinition>

            <RowDefinition Height="auto"></RowDefinition>

        </Grid.RowDefinitions>

        <Rectangle Name="rect" Fill="LightBlue" MouseMove="rect_MouseMove"></Rectangle>

        <Button Grid.Row="1" Name="cmdCapture" Click="cmdCapture_Click">Capture the Mouse</Button>

        <TextBlock Name="lblInfo" Grid.Row="2"></TextBlock>

    </Grid>

</Window>

using System;

using System.Collections.Generic;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Navigation;

using System.Windows.Shapes;

namespace _2014_10_11_11鼠标输入

{

    /// <summary>

    /// MainWindow.xaml 的交互逻辑

    /// </summary>

    public partial class MainWindow : Window

    {

        public MainWindow()

        {

            InitializeComponent();

        }

        private void rect_MouseMove(object sender, MouseEventArgs e)

        {

            Point pt = e.GetPosition(this);

            this.lblInfo.Text=("You are at ")+pt.X+","+pt.Y;

        }

        private void cmdCapture_Click(object sender, RoutedEventArgs e)

        {

            Mouse.Capture(this.rect);///锁定鼠标，只有当焦点移开后，才可以继续操作。

            this.cmdCapture.Content = "Mouse is now captured";

        }

    }

}

鼠标的拖拽：默认情况下，textbox支持拖拽功能，选中内容+shift(剪切).选中内容+Ctrl(复制). 只需根据如下代码，可以将lable控件实现拖拽功能。在XAML中，lable控件需要设置允许接收数据。AllowDrop="True"

using System;

using System.Collections.Generic;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Shapes;

namespace _2014_10_11_11鼠标输入

{

    /// <summary>

    /// Window1.xaml 的交互逻辑

    /// </summary>

    public partial class Window1 : Window

    {

        public Window1()

        {

            InitializeComponent();

        }

        private void lblSoure_MouseDown(object sender, MouseButtonEventArgs e)

        {

            Label lbl =(Label) sender;

            DragDrop.DoDragDrop(lbl,lbl.Content,DragDropEffects.Copy);

        }

        private void Label_Drop(object sender, DragEventArgs e)

        {

            ((Label)sender).Content = e.Data.GetData(DataFormats.Text);

        }

    }

}

<Window x:Class="_2014_10_11_11鼠标输入.Window1"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="Window1" Height="300" Width="300">

    <Grid>

        <Grid.RowDefinitions>

            <RowDefinition ></RowDefinition>

            <RowDefinition></RowDefinition>

            <RowDefinition></RowDefinition>

        </Grid.RowDefinitions>

        <TextBox Text="123456789" Grid.Row="0"  HorizontalAlignment="Left" Height="23" TextWrapping="Wrap"  VerticalAlignment="Top" Width="120"/>

        <TextBox  Text="ABCDEFG"  Grid.Row="1"  HorizontalAlignment="Left" Height="23" TextWrapping="Wrap"  VerticalAlignment="Top" Width="120"/>

        <Label Content="Or this lable" HorizontalAlignment="Left" Margin="161,42,0,0" VerticalAlignment="Top" MouseDown="lblSoure_MouseDown"/>

        <Label AllowDrop="True" Content="To this lable" HorizontalAlignment="Left" Margin="166,38,0,0" VerticalAlignment="Top" RenderTransformOrigin="0.9,4.038" Grid.Row="1" Drop="Label_Drop"/>

    </Grid>

</Window>

视频十二：控件类（控件类，背景画刷和前景画刷，字体，鼠标光标）

RGB R：红色，G：绿色，B：蓝色。0-255

使用两种代码方式来给button赋颜色：

第一种：

button1.Background =new SolidColorBrush(Colors.Red);////背景色
button1.Foreground = System.Windows.SystemColors.ControlDarkBrush;///前景色

第二种：
button1.Background = new SolidColorBrush(Color.FromRgb(100,255,100));
button1.Foreground = System.Windows.SystemColors.ControlDarkBrush;

使用XAML直接在控件上显示：Background="颜色"

字体属性：FontFamily 字体的名称，如：宋体，楷体

FontSize 字体的大小

FontStyle 字体的类型：如斜体

FontWeight 字体的重量：如：加粗

FontStrech 字体的拉伸，及压缩

TextDecorations="类型" 下划线的类型

获取系统已经安装的字体：

foreach (FontFamily item in Fonts.SystemFontFamilies)
                   {
                           list.Items.Add(item.Source);
                    }

字体的添加：bayern.tff 首先添加到项目中，设置属性，生成操作为Resource.

FontFamily="./#bayern"

文本渲染：附加属性 TextOptions.TextFormattingMode="Display" 文本内容更加清晰。（对于小字体效果更明显）

光标属性：继承框架元素类。

代码：this.Cursor=Cursors.Wait;

XAML:Cursor="Help"

视频十三：内容控件（Content属性，对齐内容，标签，按钮，工具提示）

内容控件只能包含一个子元素控件，但是子元素控件里面可以包含多个子元素控件。

Content 属性：Button控件是内容控件，所以只能包含一个子元素，但是如果子元素是面板容器，子元素内可以包含多个子元素。对齐的方式：控件对齐 HorizontalAlignment="Left" ；内容对齐 HorizontalContentAlignment="Center" 区分两种不同的对齐方式。对于image控件中的Source属性的使用还带学习。

Label标签：Targer="" 属性

<Label Name="label1" Target="{Binding ElementName=textBox1}">Choose _A</Label> ----当按下ALT之后，才会出现快捷键方式，按下后，焦点会在txtBox1上面。
<TextBox Name="textBox1" Margin="3">789789</TextBox>

按钮：a. 属性 IsCancel="True" ，则在键盘上按ESC则会触发这个按钮。

b. 属性IsDefault="True" ，则在键盘上按Enter会触发这个按钮。

c. 使用CheckBox

<CheckBox IsChecked="{x:Null}" IsThreeState="True"></CheckBox> ////未确定，且可以选择未确定状态
<CheckBox IsChecked="True" IsThreeState="True“ ></CheckBox> ////选中状态，且可以选择未确定状态

<CheckBox IsChecked="False" IsThreeState="False“ ></CheckBox> ////未选中状态，且只能选择选中跟未选中状态

d.使用RadioButton 若是在不同的容器中，则不会互相影响，若是在不同的容器中，想要互斥，则需要添加属性GroupName="rdo"，设置相同的组。则会互斥。

工具提示：

简单提示：属性 ToolTip="This is my tooltip."

复杂提示：

<ToolTip Background="#60AA4030" > 使用RGB 加了60 则表示透明度。百分之60.

<ToolTip Background="#30AA4030" Placement="Mouse" HorizontalOffset="20" > 表示已鼠标为基准，便宜20像素的地方，出现提示。

<Window x:Class="_2014_10_11_13内容控件.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="584.965" Width="525">

    <Grid>

        <StackPanel Margin="0,0,0,0">

            <Button  IsDefault="True" IsCancel="True"  HorizontalAlignment="Left" HorizontalContentAlignment="Center"  Height="20" Name="Button1" Margin="3" Click="Button3_Click" >

                <Button.ToolTip>

                    <ToolTip Background="#30AA4030" Placement="Mouse" HorizontalOffset="20" >

                    <StackPanel>

                        <TextBlock>Image and text</TextBlock>

                        <Image Source="bin/123.jpg" ></Image>

                    </StackPanel>

                    </ToolTip>

                </Button.ToolTip>

                <Button.Content>Button1</Button.Content>

            </Button>

            <Button ToolTip="This is my tooltip." IsDefault="True" IsCancel="True"  HorizontalAlignment="Left" HorizontalContentAlignment="Center" Content="Button" Height="20" Name="Button2" Margin="3" Click="Button3_Click" />

            <Button   Height="100" Name="Button3" Margin="3">

                <Image Source="bin/123.jpg" ></Image></Button>

            <Button Height="auto" Name="Button4" Margin="3" >

                <StackPanel>

                    <TextBlock>Image and text button</TextBlock>

                    <Image Source="bin/123.jpg"  Stretch="None"></Image>

                    <TextBlock>Image and text button</TextBlock>

                </StackPanel>

            </Button>

            <Label Name="label1" Target="{Binding ElementName=textBox1}">Choose _A</Label>

            <TextBox Name="textBox1" Margin="3">789789</TextBox>

            <CheckBox IsChecked="{x:Null}" IsThreeState="True"></CheckBox>

            <CheckBox  IsChecked="True"></CheckBox>

        </StackPanel>

    </Grid>

</Window>

Popup控件：需要自己手动添加，与ToolTip 的功能类是。

<Window x:Class="_2014_10_11_13内容控件.Window1"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="Window1" Height="300" Width="300">

    <Grid>

        <TextBlock TextWrapping="Wrap">

            You can use a Popup to provide a link for a specific

            <Run TextDecorations="UnderLine" MouseEnter="Run_MouseEnter">

            term

            </Run>of interest.

        </TextBlock>

        <Popup Name="popLink" StaysOpen="False" Placement="Mouse" MaxWidth="200"

               PopupAnimation="Slide" AllowsTransparency="True">

            <Border BorderBrush="Beige" BorderThickness="2" Background="White">

                <TextBlock Margin="10" TextWrapping="Wrap">

                    For more informtion,see

                    <Hyperlink Name="lnk" NavigateUri="http://www.baidu.com" Click="Hyperlink_Click">Wikipedia</Hyperlink>

                </TextBlock>

            </Border>

        </Popup>

    </Grid>

</Window>

using System;

using System.Collections.Generic;

using System.Diagnostics;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Shapes;

namespace _2014_10_11_13内容控件

{

    /// <summary>

    /// Window1.xaml 的交互逻辑

    /// </summary>

    public partial class Window1 : Window

    {

        public Window1()

        {

            InitializeComponent();

        }

        private void Run_MouseEnter(object sender, MouseEventArgs e)

        {

            popLink.IsOpen = true;

        }

        private void Hyperlink_Click(object sender, RoutedEventArgs e)

        {

            Process.Start(((Hyperlink)sender).NavigateUri.ToString());

        }

    }

}

视频十四：特殊容器控件（滚动控件，ScrollViewer）

系统设置及系统提供的方法：滚动到下一个元素 CanContentScroll="True"

using System;

using System.Collections.Generic;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Navigation;

using System.Windows.Shapes;

namespace _2014_10_12_13特殊容器控件

{

    /// <summary>

    /// MainWindow.xaml 的交互逻辑

    /// </summary>

    public partial class MainWindow : Window

    {

        public MainWindow()

        {

            InitializeComponent();

        }

        private void button1_Click(object sender, RoutedEventArgs e)

        {

            //this.scrollViewer.LineUp();向上一行

            //this.scrollViewer.LineDown();向下一行

            //this.scrollViewer.PageUp();向上一页

            //this.scrollViewer.PageDown();//向下一页

            //this.scrollViewer.ScrollToHome();//置顶

            //this.scrollViewer.ScrollToEnd();//置底

            ///自定义滚动

        }

    }

}

<Window x:Class="_2014_10_12_13特殊容器控件.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="290.299" Width="471.269">

    <Grid>

        <Grid.RowDefinitions>

            <RowDefinition></RowDefinition>

            <RowDefinition></RowDefinition>

        </Grid.RowDefinitions>

        <ScrollViewer Grid.Row="1" Margin="10" Name="scrollViewer" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">

            <TextBox xml:space="preserve"  HorizontalAlignment="Left" Height="110" TextWrapping="Wrap"  VerticalAlignment="Top" Width="443" RenderTransformOrigin="0.497,0.405">

                Andrew博客园

                Andrew博客园

                Andrew博客园

                Andrew博客园

                Andrew博客园

                Andrew博客园

                Andrew博客园

                Andrew博客园

                Andrew博客园

            </TextBox>

        </ScrollViewer>

        <Button Content="lineUp" Name="button1" Click="button1_Click">

        </Button>

    </Grid>

</Window>

视频十五：带标题的内容控件（GroupBox,TabItem,Expander 三个类）

GroupBox:最简单的控件

<Window x:Class="_2014_10_13_15带标题的内容控件.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Grid>

        <GroupBox Header="123" Margin="5" Name="groupBox1">

            <StackPanel>

                <RadioButton Content="One" Height="16" Name="radioButton1"></RadioButton>

                <RadioButton Content="Two" Height="16" Name="radioButton2"></RadioButton>

                <RadioButton Content="Three" Height="16" Name="radioButton3"></RadioButton>

                <RadioButton Content="Four" Height="16" Name="radioButton4"></RadioButton>

                <Button Content="Save" Height="23" Name="button1" Margin="3"></Button>

            </StackPanel>

        </GroupBox>

    </Grid>

</Window>

TabItem:分页控件容器

<Window x:Class="_2014_10_13_15带标题的内容控件.tabItem"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="tabItem" Height="300" Width="300">

    <Grid>

        <TabControl Margin="3" Name="tabControl1" TabStripPlacement="Left">

            <TabItem Header="001" Name="tabItem1">

                <StackPanel Name="stackPanel" Margin="3">

                    <CheckBox Name="checkBox1" Margin="3">Setting One</CheckBox>

                    <CheckBox Name="checkBox2" Margin="3">Setting Two</CheckBox>

                    <CheckBox Name="checkBox3" Margin="3">Setting Three</CheckBox>

                    <Button Content="Button" Name="Button1" Click="Button1_Click"/>

                </StackPanel>

            </TabItem>

            <TabItem  Name="tabItem2">

                <TabItem.Header>

                    <StackPanel>

                        <TextBlock Margin="3">Image and Text Tab Title</TextBlock>

                        <Image Source="/bin/123.jpg" Stretch="None" Height="20" Width="150"></Image>

                    </StackPanel>

                </TabItem.Header>

            </TabItem>

        </TabControl>

    </Grid>

</Window>

using System;

using System.Collections.Generic;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Shapes;

namespace _2014_10_13_15带标题的内容控件

{

    /// <summary>

    /// tabItem.xaml 的交互逻辑

    /// </summary>

    public partial class tabItem : Window

    {

        public tabItem()

        {

            InitializeComponent();

        }

        private void Button1_Click(object sender, RoutedEventArgs e)

        {

            this.tabItem2.IsSelected = true;

        }

    }

}

Expander 控件，隐藏部分数据的控件

<Window x:Class="_2014_10_13_15带标题的内容控件.expander"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="expander" Height="300" Width="300" SizeToContent="Height">

    <StackPanel Name="stackPanel1" Margin="3" >

        <Expander Name="expander1" Height="100" Margin="5" Padding="5" ExpandDirection="Left">

            <Button Name="Button1"></Button>

        </Expander>

        <Expander Name="expander2"   Margin="5" Padding="5">

            <ScrollViewer Name="scrollViewer" Margin="3">

                <TextBlock TextWrapping="Wrap" >内容内容内容</TextBlock>

            </ScrollViewer>

        </Expander>

    </StackPanel>

</Window>

视频十六：文本控件（多行文本，选择文本，拼写检查，PasswordBox）（TextBox，RichTextBox,PasswordBox）

多行文本:txtbox属性，有多行自动换行 TextWrapping="Wrap"；有滚动条属性，VerticalScrollBarVisibility="Visible"，也有LineUp(),LineDown()等滚动条属性的方法。

选择文本：txtbox属性，SelectionStart属性（从0开始），SelectionLength(字符长度)，SelectedText(选中的属性)。

拼写检查：txtbox属性，SpellCheck.IsEnabled="True" 仅支持英文输入法键盘设置。

PasswordBox:密码框控件，PasswordChar="格式" 不支持复制粘帖，纯文本对象。

<Window x:Class="_2014_10_13_16文本控件.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Grid>

        <Grid.RowDefinitions>

            <RowDefinition></RowDefinition>

            <RowDefinition></RowDefinition>

            <RowDefinition></RowDefinition>

        </Grid.RowDefinitions>

        <TextBox SpellCheck.IsEnabled="True"  TextWrapping="Wrap" VerticalScrollBarVisibility="Visible" Name="textBox1"  Margin="3,3,3,24.053" MaxLength="50000"  Text="Label和TextBlock都是System.Windows.Controls命名空间下的类，但二者的父类并不相同。TextBlock继承自System.Windows.FrameworkElement,从这个角度讲，TextBlock不能称之为控件(因为它没有继承Control类，关于Control类，我会在WPF Unleashed第四章为大家介绍)，而Label继承自System.Windows.ContentControl。FrameworkElement是非常底层的类，它同时也是ContentControl的父类。所以，Label相对TextBlock更加高级一些，它能够完成TextBlock所无法完成的工作。例如对于Access key的支持，而且我们可以在Label内可以放置任意对象，而TextBlock只能显示文本。" SelectionChanged="textBox1_SelectionChanged" ></TextBox>

        <ScrollViewer Foreground="blue" Grid.Row="1" Margin="0,10,0,5" VerticalScrollBarVisibility="Auto">

            <StackPanel>

                <TextBlock>Current Selection: </TextBlock>

                <TextBlock Name="txtSelection" TextWrapping="Wrap"></TextBlock>

            </StackPanel>

        </ScrollViewer>

        <PasswordBox Grid.Row="2" PasswordChar="8" Height="30" Width="300" ></PasswordBox>

    </Grid>

</Window>

using System;

using System.Collections.Generic;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Navigation;

using System.Windows.Shapes;

namespace _2014_10_13_16文本控件

{

    /// <summary>

    /// MainWindow.xaml 的交互逻辑

    /// </summary>

    public partial class MainWindow : Window

    {

        public MainWindow()

        {

            InitializeComponent();

        }

        private void textBox1_SelectionChanged(object sender, RoutedEventArgs e)

        {

            if (this.txtSelection == null) return;

            this.txtSelection.Text = "Selection from"+this.textBox1.SelectionStart+" to "+this.textBox1.SelectionLength

                + "  is   " +this.textBox1.SelectedText;

        }

    }

}

视频十七：列表控件（ListBox,ComboBox 下拉列表）

Listbox:控件里面不一定要ListboxItem，直接添加StackPanel也是可以的。

<Window x:Class="_2014_10_13_17列表控件.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Grid>

        <ListBox Height="311.842" Margin="5,5,5,0" Name="listBox1" VerticalAlignment="Top">

            <ListBoxItem>

                <Image Height="40" Source="/bin/123.jpg"></Image>

            </ListBoxItem>

            <ListBoxItem>Blue</ListBoxItem>

            <ListBoxItem>Yellow</ListBoxItem>

            <ListBoxItem>Red</ListBoxItem>

            <ListBoxItem>Green</ListBoxItem>

            <ListBoxItem>Blue</ListBoxItem>

            <ListBoxItem>Yellow</ListBoxItem>

            <ListBoxItem>Red</ListBoxItem>

            <StackPanel Orientation="Horizontal">

                <Image Height="40" Source="/bin/123.jpg"></Image>

                <Label VerticalContentAlignment="Center">A Happy Face</Label>

            </StackPanel>

            <StackPanel Orientation="Horizontal">

                <Image Height="40" Source="/bin/123.jpg"></Image>

                <Label VerticalContentAlignment="Center">Two Happy Face</Label>

            </StackPanel>

            <StackPanel Orientation="Horizontal"></StackPanel>

        </ListBox>

    </Grid>

</Window>

在Listbox中，添加对象，并获取选中项

<Window x:Class="_2014_10_13_16列表控件.Window1"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="Window1" Height="300" Width="300">

    <Grid Margin="10">

        <Grid.RowDefinitions>

            <RowDefinition Height="*"></RowDefinition>

            <RowDefinition Height="auto"></RowDefinition>

        </Grid.RowDefinitions>

        <ListBox Name="lst" Height="auto" Margin="5" SelectionChanged="lst_SelectionChanged">

            <CheckBox Margin="3">Option 1</CheckBox>

            <CheckBox Margin="3">Option 2</CheckBox>

            <CheckBox Margin="3">Option 3</CheckBox>

        </ListBox>

        <StackPanel Grid.Row="1" Margin="0,10,0,0">

            <TextBlock>Current selection:</TextBlock>

            <TextBlock Name="txtSelection" TextWrapping="Wrap"></TextBlock>

            <Button Margin="0,10,0,0" Click="Button_Click">Examine All Items </Button>

        </StackPanel>

    </Grid>

</Window>

using System;

using System.Collections.Generic;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Shapes;

namespace _2014_10_13_16列表控件

{

    /// <summary>

    /// Window1.xaml 的交互逻辑

    /// </summary>

    public partial class Window1 : Window

    {

        public Window1()

        {

            InitializeComponent();

        }

        private void lst_SelectionChanged(object sender, SelectionChangedEventArgs e)

        {

            if (lst.SelectedItem == null) return;

            this.txtSelection.Text = "You chose item at position " + (lst.SelectedIndex+)

                +"\t\n Checked state is "+((CheckBox)lst.SelectedItem).IsChecked;

        }

        private void Button_Click(object sender, RoutedEventArgs e)

        {

            StringBuilder sb = new StringBuilder();

            foreach (CheckBox item in lst.Items)

            {

                if (item.IsChecked == true)

                {

                    sb.Append(item.Content);

                    sb.Append(" is checked.");

                    sb.Append("\t\n");

                }

            }

            txtSelection.Text = sb.ToString();

        }

    }

}

视频十八：基于范围的控件（Slider 滑动条控件，ProgressBar 进度条控件）基于最大值与最小值之间。

Slider 控件：类似于，播放声音的，数值没有那么准确的重要性。

Ticks="10,30,70" 不规则划分滑动条

特定的部分设置为，提示部分80-100时候： IsSelectionRangeEnabled="True" SelectionStart="80" SelectionEnd="100"

设置滑动的距离：最小值 SmallChange="1" 最大值 LargeChange="5"

ProgressBar控件:绿色脉冲自动滚动：IsIndeterminate="True"

<Window x:Class="_2014_10_13_18基于范围的控件.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Grid>

        <Grid.RowDefinitions>

            <RowDefinition Height="auto"></RowDefinition>

            <RowDefinition></RowDefinition>

        </Grid.RowDefinitions>

        <Slider SmallChange="1" LargeChange="5" IsSelectionRangeEnabled="True"  SelectionStart="70" SelectionEnd="100"  Maximum="100" Minimum="0" Value="2"  TickFrequency="5" TickPlacement="BottomRight"    Name="silder1" Margin="5" VerticalAlignment="Top" Height="auto"></Slider>

        <ProgressBar Name="progressBar" Maximum="100" Minimum="0" Margin="-0.264,129.789,5.264,118.21" Grid.Row="1" Height="40" IsIndeterminate="True"></ProgressBar>

        <Button HorizontalAlignment="Left" Grid.Row="1" Width="100" Margin="194.736,212.421,0,-4.684" Click="Button_Click"/>

    </Grid>

</Window>

using System;

using System.Collections.Generic;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Navigation;

using System.Windows.Shapes;

namespace _2014_10_13_18基于范围的控件

{

    /// <summary>

    /// MainWindow.xaml 的交互逻辑

    /// </summary>

    public partial class MainWindow : Window

    {

        public MainWindow()

        {

            InitializeComponent();

        }

        private void Button_Click(object sender, RoutedEventArgs e)

        {

            this.progressBar.Value += ;

        }

    }

}

视频十九：日期控件（Calendar控件，DatePicker控件）

Calendar 日历控件： <Calendar DisplayMode="Month">默认情况下是模式是Month</Calendar>

<Window x:Class="_2014_10_13_19日期控件.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Grid>

        <Calendar IsTodayHighlighted="True" SelectionMode="MultipleRange" Name="calendar" DisplayMode="Month" DisplayDateStart="2014-10-1" DisplayDateEnd="2014-10-31" FirstDayOfWeek="Monday" SelectedDatesChanged="Calendar_SelectedDatesChanged"></Calendar>

        <Button Content="Button" HorizontalAlignment="Left" Margin="208,216,0,0" VerticalAlignment="Top" Width="75" Click="Button_Click"/>

    </Grid>

</Window>

using System;

using System.Collections.Generic;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Navigation;

using System.Windows.Shapes;

namespace _2014_10_13_19日期控件

{

    /// <summary>

    /// MainWindow.xaml 的交互逻辑

    /// </summary>

    public partial class MainWindow : Window

    {

        public MainWindow()

        {

            InitializeComponent();

        }

        private void Calendar_SelectedDatesChanged(object sender, SelectionChangedEventArgs e)

        {

            //this.Title = this.calendar.SelectedDate.ToString();

            //this.Title = this.calendar.SelectedDates.ToString();////存多个时期，是一个集合

        }

        private void Button_Click(object sender, RoutedEventArgs e)

        {

            string s = "";

            for (int i = ; i < this.calendar.SelectedDates.Count; i++)

            {

                s += this.calendar.SelectedDates[i].ToShortDateString() + "  ";

            }

            this.Title=s;

        }

    }

}

DatePicker控件：

private void DatePicker_DateValidationError(object sender, DatePickerDateValidationErrorEventArgs e)
               {
                       ////用户输入非法的数据
                      MessageBox.Show(e.Text+" is not a valid value beause."+e.Exception.Message);
             }

视频二十：Application类

创建Application对象，其实App.xaml+App.xaml.cs 俩个加起来的功能与如下的代码是一样的效果。

using System;

using System.Collections.Generic;

using System.Text;

using System.Windows;

namespace _2014_10_13_20Application类

{

    class Startup

    {

        [STAThread]

        public static void Main()

        {

            Application app = new Application();

            MainWindow win = new MainWindow();

            app.Run(win);

        }

    }

}

派生一个自定义的Application类：App.xaml.cs 里面的App类就是了。
应用程序的关闭方式：ShutdownMode 关闭模式。

StartupUri="MainWindow.xaml" ShutdownMode="OnLastWindowClose"> ////默认模式，可以不写

应用程序事件： Application 的事件，有两种方法，一种是单纯的直接使用事件，第二种是重写受保护的方法。

using System;

using System.Collections.Generic;

using System.Configuration;

using System.Data;

using System.Windows;

namespace _2014_10_13_20Application类

{

    /// <summary>

    /// App.xaml 的交互逻辑

    /// </summary>

    public partial class App : Application

    {

        private void Application_DispatcherUnhandledException(object sender, System.Windows.Threading.DispatcherUnhandledExceptionEventArgs e)

        {

        }

        ///重写受保护的方法

        protected override void OnSessionEnding(SessionEndingCancelEventArgs e)

        {

            base.OnSessionEnding(e);

            e.Cancel = true;////阻止关闭系统

            MessageBox.Show("无法注销或关闭系统");

        }

    }

}

<Application x:Class="_2014_10_13_20Application类.App"

             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

             StartupUri="MainWindow.xaml" ShutdownMode="OnLastWindowClose" DispatcherUnhandledException="Application_DispatcherUnhandledException">

    <Application.Resources>

    </Application.Resources>

</Application>

视频二十一：Application 类的任务（显示初始界面，处理命令行参数，访问当前Application对象，在窗口之间进行交互）

显示初始页面：添加一张图片，设置属性，生成操作为SplashScreen，则在窗口第一次运行的时候，则会显示该图片（300毫秒）。

处理命令行参数：加载TextFile.txt文档。

首先添加TextFile.txt文档到bin目录下，设置文档的属性：始终复制。

在App.xaml将 StartupUri="MainWindow.xaml"替换成Startup="Application_Startup"事件方法

在项目的属性，调试的命令行参数填写文档的名称:TextFile.txt

    <Application x:Class="_2014_10_14_21Application任务.App"

             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Startup="Application_Startup"

             >

    <Application.Resources>

    </Application.Resources>

</Application>

////App.xaml.cs

using System;

using System.Collections.Generic;

using System.Configuration;

using System.Data;

using System.IO;

using System.Windows;

namespace _2014_10_14_21Application任务

{

    /// <summary>

    /// App.xaml 的交互逻辑

    /// </summary>

    public partial class App : Application

    {

        private void Application_Startup(object sender, StartupEventArgs e)

        {

            MainWindow win = new MainWindow();

            if (e.Args.Length > )

            {

                string file=e.Args[];

                if(File.Exists(file))

                {

                    win.LoadFile(file);

                }

            }

            win.Show();

        }

    }

}

using System;

using System.Collections.Generic;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Navigation;

using System.Windows.Shapes;

namespace _2014_10_14_21Application任务

{

    /// <summary>

    /// MainWindow.xaml 的交互逻辑

    /// </summary>

    public partial class MainWindow : Window

    {

        public MainWindow()

        {

            InitializeComponent();

        }

        public void LoadFile(string path)

        {

            this.Content = System.IO.File.ReadAllText(path);

            this.Title = path;

        }

    }

}

访问当前Application主窗口的对象： Application.Current.MainWindow

一次启动俩个窗口， Application.Current.MainWindow来辨别主窗口。

windows集合：

private void Button_Click(object sender, RoutedEventArgs e)
                          {
                               ///MessageBox.Show("The main window is "+ Application.Current.MainWindow.Title);
                               foreach (Window item in Application.Current.Windows)////Windows集合
                              {
                                  MessageBox.Show(item.Title+" is opened.");
                               }
                         }

在窗口之间进行交互：

////App.xaml.cs

using System;

using System.Collections.Generic;

using System.Configuration;

using System.Data;

using System.IO;

using System.Windows;

namespace _2014_10_14_21Application任务

{

    /// <summary>

    /// App.xaml 的交互逻辑

    /// </summary>

    public partial class App : Application

    {

        //private void Application_Startup(object sender, StartupEventArgs e)

        //{

        //    MainWindow win = new MainWindow();

        //    if (e.Args.Length > 0)

        //    {

        //        string file=e.Args[0];

        //        if(File.Exists(file))

        //        {

        //            win.LoadFile(file);

        //        }

        //    }

        //    win.Show();

        //}

        private List<Document> documents = new List<Document>();

        public List<Document> Documents

        {

            get { return documents; }

            set { documents = value; }

        }

    }

}

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Shapes;

namespace _2014_10_14_21Application任务

{

    /// <summary>

    /// Window1.xaml 的交互逻辑

    /// </summary>

    public partial class Window1 : Window

    {

        public Window1()

        {

            InitializeComponent();

        }

        private void Button_Click(object sender, RoutedEventArgs e)

        {

            ///MessageBox.Show("The main window is "+ Application.Current.MainWindow.Title);

            //foreach (Window item in Application.Current.Windows)////Windows集合

            //{

            //    MessageBox.Show(item.Title+" is opened.");

            //}

            Document doc = new Document();

            doc.Owner = this;

            doc.Show();

            ((App)Application.Current).Documents.Add(doc);

        }

        private void Button_Click_1(object sender, RoutedEventArgs e)

        {

            foreach (Document item in ((App)Application.Current).Documents)

            {

                item.Content = "Refreshed at " + DateTime.Now.ToLongTimeString() + ".";

                MessageBox.Show(item.Title + " is opened.");

            }

        }

    }

}

视频二十二：单实例应用程序（创建单实例应用程序包装器） office word是单实例，文本txt是多实例。

实现单实例应用程序：

//WpfApp.cs

using System;

using System.Collections.Generic;

using System.Text;

namespace _2014_10_14_22单实例应用程序

{

    class WpfApp:System.Windows.Application

    {

        protected override void OnStartup(System.Windows.StartupEventArgs e)

        {

            base.OnStartup(e);

            showWindow();

        }

        public void showWindow()

        {

            MainWindow win = new MainWindow();

            win.Show();

        }

    }

}

using System;

//Startup.cs

using System.Collections.Generic;

using System.Text;

namespace _2014_10_14_22单实例应用程序

{

    class Startup

    {

        [STAThread]

        public static void Main(string[] args)

        {

            //WpfApp app = new WpfApp();

            //app.Run();

            SingleInstanceApplicationWrapper wrapper = new SingleInstanceApplicationWrapper();

            wrapper.Run(args);

        }

    }

}

////SingleInstanceApplicationWrapper.cs

using System;

using System.Collections.Generic;

using System.Text;

namespace _2014_10_14_22单实例应用程序

{

    class SingleInstanceApplicationWrapper:Microsoft.VisualBasic.ApplicationServices.WindowsFormsApplicationBase

    {

        public SingleInstanceApplicationWrapper()

        {

            this.IsSingleInstance = true;

        }

        private WpfApp app;

        protected override bool OnStartup(Microsoft.VisualBasic.ApplicationServices.StartupEventArgs eventArgs)

        {

            //return base.OnStartup(eventArgs);

            app = new WpfApp();

            app.Run();

            return false;

        }

        protected override void OnStartupNextInstance(Microsoft.VisualBasic.ApplicationServices.StartupNextInstanceEventArgs eventArgs)

        {

            base.OnStartupNextInstance(eventArgs);

            app.showWindow();

        }

    }

}

视频二十三：程序集资源，二进制资源（添加资源，内容文件）

举例说明：添加图片文件

添加资源：默认情况下，设置图片文件的属性，复制到输出目录：不复制，生成操作：Resource

内容文件：设置图片文件的属性，复制到输出目录：始终复制，生成操作：内容

视频二十四：将元素绑定到一起(绑定表达式,绑定错误,绑定模式,使用代码创建绑定多绑定,绑定更新)

例子：FontSize="{Binding ElementName=silder1,Path=Value,Mode=TwoWay}

绑定表达式：FontSize="{Binding ElementName=silder1,Path=Value,Mode=TwoWay}

绑定错误：属性错误的时候，不会提示错误，只是没有任何改变罢了。

绑定模式：Mode=TwoWay 双向改变

使用代码创建绑定多绑定:

private void Window_Loaded(object sender, RoutedEventArgs e)
                {
                Binding binding = new Binding();
                binding.Source = this.silder1;
                binding.Path = new PropertyPath("Value");
               binding.Mode = BindingMode.TwoWay;
               this.textBlock2.SetBinding(TextBlock.FontSizeProperty,binding);
               }

取消绑定：

private void Button_Click_1(object sender, RoutedEventArgs e)
                 {
               BindingOperations.ClearAllBindings(this.textBlock2);
                  }

绑定立即更新：UpdateSourceTrigger=PropertyChanged

<Window x:Class="_2014_10_18_24将元素绑定到一起.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525" Loaded="Window_Loaded">

    <Grid>

        <StackPanel Margin="5" Name="stackPanel1">

            <Slider Height="auto" Name="silder1" Margin="3" Minimum="1" Maximum="40" Value="10" TickPlacement="TopLeft" TickFrequency="1" IsSnapToTickEnabled="True"></Slider>

            <TextBlock Name="textBlock1" Text="Simple Text" Margin="10" FontSize="{Binding ElementName=silder1,Path=Value,Mode=TwoWay}"/>

            <TextBlock Name="textBlock2" Text="Simple Text" Margin="10" Foreground="{Binding ElementName=listBox1,Path=SelectedItem.Tag}"/>

            <Button Content="Button" Margin="5" Width="75" Click="Button_Click"/>

            <Button  Content="Cancel Binding" Margin="216,5" Width="75" Click="Button_Click_1"/>

            <ListBox Margin="10" Height="100" Name="listBox1">

                <ListBoxItem Tag="Blue">Blue</ListBoxItem>

                <ListBoxItem Tag="DarkBlue">Blue</ListBoxItem>

                <ListBoxItem Tag="lightBlue">light Blue</ListBoxItem>

            </ListBox>

            <TextBox Margin="3" Height=" 23" Name="textBox1" Width="120" Text="{Binding ElementName=textBlock2,Path=FontSize,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"></TextBox>

        </StackPanel>

    </Grid>

</Window>

using System;

using System.Collections.Generic;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Navigation;

using System.Windows.Shapes;

namespace _2014_10_18_24将元素绑定到一起

{

    /// <summary>

    /// MainWindow.xaml 的交互逻辑

    /// </summary>

    public partial class MainWindow : Window

    {

        public MainWindow()

        {

            InitializeComponent();

        }

        private void Button_Click(object sender, RoutedEventArgs e)

        {

            //this.silder1.Value = 30;

            this.textBlock1.FontSize = ;

        }

        private void Window_Loaded(object sender, RoutedEventArgs e)

        {

            Binding binding = new Binding();

            binding.Source = this.silder1;

            binding.Path = new PropertyPath("Value");

            binding.Mode = BindingMode.TwoWay;

            this.textBlock2.SetBinding(TextBlock.FontSizeProperty,binding);

        }

        private void Button_Click_1(object sender, RoutedEventArgs e)

        {

            BindingOperations.ClearAllBindings(this.textBlock2);

        }

    }

}

视频二十五：绑定到非元素对象（Source属性，RelativeSource属性，DataContext属性）

Source属性:

<Window x:Class="_2014_10_18_25绑定到非元素对象.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Window.Resources>

        <FontFamily x:Key="CustomFont">Calibri</FontFamily>

        <FontFamily x:Key="CustomFont1">Calibri1</FontFamily>

    </Window.Resources>

    <Grid>

        <StackPanel Margin="5" Name="stackPanel1">

            <TextBlock Name="textBlock1" Text="{Binding Source={x:Static SystemFonts.IconFontFamily},Path=Source}"></TextBlock>

            <TextBlock Name="textBlock2" Text="{Binding Source={StaticResource CustomFont},Path=Source}"></TextBlock>

        </StackPanel>

    </Grid>

</Window>

RelativeSource属性：

<Window x:Class="_2014_10_18_25绑定到非元素对象.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Window.Resources>

        <FontFamily x:Key="CustomFont">Calibri</FontFamily>

        <FontFamily x:Key="CustomFont1">Calibri1</FontFamily>

    </Window.Resources>

    <Grid>

        <StackPanel Name="StackPaenlOut">

        <StackPanel Margin="5" Name="stackPanel1">

            <TextBlock Name="textBlock1" Text="{Binding Source={x:Static SystemFonts.IconFontFamily},Path=Source}"></TextBlock>

            <TextBlock Name="textBlock2" Text="{Binding Source={StaticResource CustomFont},Path=Source}"></TextBlock>

            <TextBlock Name="textBlock3" Margin="5">

                <TextBlock.Text>

                    <Binding Path="Title">

                        <Binding.RelativeSource>

                                <RelativeSource Mode="FindAncestor" AncestorType="{x:Type Window }"></RelativeSource>

                        </Binding.RelativeSource>

                    </Binding>

                </TextBlock.Text>

            </TextBlock>

                <TextBlock Name="textBlock4" Margin="5" Text="{Binding Path=Name,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type StackPanel},AncestorLevel=2}}">

            </TextBlock>

        </StackPanel>

        </StackPanel>

    </Grid>

</Window>

DataContext属性：DataContext="{x:Static SystemFonts.IconFontFamily} 添加在上一层的元素属性中，可以减少子元素多次使用的，相当于统一声明功能。

<Window x:Class="_2014_10_18_25绑定到非元素对象.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Window.Resources>

        <FontFamily x:Key="CustomFont">Calibri</FontFamily>

        <FontFamily x:Key="CustomFont1">Calibri1</FontFamily>

    </Window.Resources>

    <Grid>

        <StackPanel Name="StackPaenlOut">

            <StackPanel Margin="5" Name="stackPanel1" DataContext="{x:Static SystemFonts.IconFontFamily}">

            <TextBlock Name="textBlock1" Text="{Binding Source={x:Static SystemFonts.IconFontFamily},Path=Source}"></TextBlock>

            <TextBlock Name="textBlock2" Text="{Binding Source={StaticResource CustomFont},Path=Source}"></TextBlock>

            <TextBlock Name="textBlock3" Margin="5">

                <TextBlock.Text>

                    <Binding Path="Title">

                        <Binding.RelativeSource>

                                <RelativeSource Mode="FindAncestor" AncestorType="{x:Type Window }"></RelativeSource>

                        </Binding.RelativeSource>

                    </Binding>

                </TextBlock.Text>

            </TextBlock>

                <TextBlock Name="textBlock4" Margin="5" Text="{Binding Path=Name,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type StackPanel},AncestorLevel=2}}">

            </TextBlock>

                <TextBlock Name="textBlock5" Text="{Binding Path=Source}"></TextBlock>

                <TextBlock Name="textBlock6" Text="{Binding Source={x:Static SystemFonts.IconFontFamily},Path=LineSpacing}"></TextBlock>

                <TextBlock Name="textBlock7" Text="{Binding Source={x:Static SystemFonts.IconFontFamily},Path=FamilyTypefaces[0].Style}"></TextBlock>

            </StackPanel>

        </StackPanel>

    </Grid>

</Window>

视频二十六：资源基础（WPF资源，资源集合，资源层次，静态资源和动态资源，通过代码访问，应用程序资源，系统资源）

资源定义在引用之前定义。

<Window x:Class="_2014_10_21_26资源基础.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Window.Resources>

        <ImageBrush x:Key="TitleBrush" TileMode="Tile" ViewportUnits="Absolute" Viewport="0 0 32 32" ImageSource="bin\001.jpg" ></ImageBrush>

    </Window.Resources>

    <StackPanel Name="stackPanel1" Margin="3">

        <Button Name="button1" Background="{StaticResource TitleBrush}" Margin="3" Content="A Tiled Button" FontSize="14" Padding="5"></Button>

        <Button Name="button2" Margin="3" Content="Button" FontSize="14" Padding="5">

            <Button.Resources>

                <ImageBrush x:Key="TitleBrush" TileMode="Tile" ViewportUnits="Absolute" Viewport="0 0 32 32" ImageSource="bin\001.jpg" ></ImageBrush>

            </Button.Resources>

            <Button.Background>

                <StaticResource ResourceKey="TitleBrush"></StaticResource>

            </Button.Background>

        </Button>

        <Button Name="button3" Margin="3"  Background="{DynamicResource TitleBrush}" Content="Button" FontSize="14" Padding="5"></Button>

    </StackPanel>

</Window>

视频二十七：资源字典（创建资源字典，使用资源字典，在程序集之间共享资源）

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <ImageBrush x:Key="TileBrush1" TileMode="Tile" ViewportUnits="Absolute" Viewport="0 0 32 32" Opacity="0.3" ImageSource="\Debug\001.jpg"></ImageBrush>

    <ImageBrush x:Key="TileBrush2" TileMode="Tile" ViewportUnits="Absolute" Viewport="0 0 32 32" Opacity="0.3" ImageSource="\Debug\001.jpg"></ImageBrush>

</ResourceDictionary>

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

</ResourceDictionary>

<Window x:Class="_2014_11_03_27资源字典.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525" Loaded="Window_Loaded">

    <StackPanel Name="stackPanel1" Margin="5">

        <Button Content="Button" Name="button1" Margin="5" Padding="5" FontSize="14" Background="{DynamicResource TileBrush1}"></Button>

        <Button Content="Button" Name="button2" Margin="5" Padding="5" FontSize="14" Background="{DynamicResource TileBrush2}"></Button>

        <Button Content="Button" Name="button3" Margin="5" Padding="5" FontSize="14"></Button>

    </StackPanel>

</Window>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Navigation;

using System.Windows.Shapes;

namespace _2014_11_03_27资源字典

{

    /// <summary>

    /// MainWindow.xaml 的交互逻辑

    /// </summary>

    public partial class MainWindow : Window

    {

        public MainWindow()

        {

            InitializeComponent();

        }

        private void Window_Loaded(object sender, RoutedEventArgs e)

        {   ////通过编译类库，添加引用ResourceLibray，则使用代码添加使用资源

            ResourceDictionary rd = new ResourceDictionary();

            rd.Source = new Uri("ResourceLibray;component/ResourceDictionary1.xaml",UriKind.Relative);

            this.button3.Background = (Brush)rd["TitleBrush1"];

            ////

        }

    }

}

视频二十八：样式基础类似于CSS（样式基础，创建样式，设置属性，关联事件处理程序，多层样式，通过类型自动应用样式）

首先是传统的方式，不仅没有简化，而且还增加了复杂度。

<Window x:Class="_2014_11_03_28样式基础.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:sys="clr-namespace:System;assembly=mscorlib"

        Title="MainWindow" Height="350" Width="525" >

    <Window.Resources>

        <FontFamily x:Key="ButtonFontFamily" >Times New Roman</FontFamily>

        <sys:Double x:Key="ButtonFontSize">18</sys:Double>

        <FontWeight x:Key="ButtonFontWeight">Bold</FontWeight>

    </Window.Resources>

    <StackPanel Name="stackPanel1" Margin="5">

        <Button  Name="button1" Content="A Customaized Button" Margin="5" Padding="5"

                 FontFamily="{StaticResource ButtonFontFamily}" FontSize="{StaticResource ButtonFontSize}" FontWeight="{StaticResource ButtonFontWeight}"></Button>

        <TextBlock Margin="5">Noraml Conent</TextBlock>

        <Button Margin="5" Padding="5">A normal Button</Button>

        <TextBlock Margin="5">More Noraml Content</TextBlock>

        <Button Margin="5" Padding="5"  FontFamily="{StaticResource ButtonFontFamily}" FontSize="{StaticResource ButtonFontSize}" FontWeight="{StaticResource ButtonFontWeight}">Another Customized Button</Button>

    </StackPanel>

</Window>

通过创建样式：

<Window x:Class="_2014_11_03_28样式基础.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:sys="clr-namespace:System;assembly=mscorlib"

        Title="MainWindow" Height="350" Width="525" >

    <Window.Resources>

        <FontFamily x:Key="ButtonFontFamily" >Times New Roman</FontFamily>

        <sys:Double x:Key="ButtonFontSize">18</sys:Double>

        <FontWeight x:Key="ButtonFontWeight">Bold</FontWeight>

        <Style x:Key="BigFontButtonStyle" >

            <Setter Property="Control.FontFamily" Value="Times New Roman"></Setter>

            <!--<Setter Property="Control.FontSize" Value="18"></Setter>-->

            <!--<Setter Property="Button.FontSize" Value="18"></Setter>

            从中可以看到虽然是分别设置了属性，但是只以最后设置的属性为准。

            <Setter Property="TextBlock.FontSize" Value="10"></Setter>-->

            <Setter Property="Control.FontWeight" Value="Bold"></Setter>

            <Setter Property="Control.Background">

                <Setter.Value>

                    <ImageBrush TileMode="Tile" ViewportUnits="Absolute" Viewport="0 0 32 32" Opacity="0.3" ImageSource="bin\001.jpg"></ImageBrush>

                </Setter.Value>

            </Setter>

        </Style>

    </Window.Resources>

    <StackPanel Name="stackPanel1" Margin="5">

        <Button  Name="button1" Content="A Customaized Button" Margin="5" Padding="5"

                 FontFamily="{StaticResource ButtonFontFamily}" FontSize="{StaticResource ButtonFontSize}" FontWeight="{StaticResource ButtonFontWeight}"></Button>

        <TextBlock Margin="5">Noraml Conent</TextBlock>

        <Button Margin="5" Padding="5">A normal Button</Button>

        <TextBlock Margin="5" Padding="5"  Style="{StaticResource BigFontButtonStyle}">More Noraml Content</TextBlock>

        <Button Margin="5" Padding="5"  FontFamily="{StaticResource ButtonFontFamily}" FontSize="{StaticResource ButtonFontSize}" FontWeight="{StaticResource ButtonFontWeight}">Another Customized Button</Button>

        <Button Margin="5" Padding="5"  Style="{StaticResource BigFontButtonStyle}">Another Customized Button</Button>

    </StackPanel>

</Window>

关联事件处理程序

<Window x:Class="_2014_11_03_28样式基础.EventSetter"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="EventSetter" Height="300" Width="300">

    <Window.Resources>

        <Style x:Key="MouseOverHighLight">

            <Setter Property="TextBlock.Padding" Value="5"></Setter>

            <EventSetter Event="FrameworkElement.MouseEnter" Handler="element_MouseEnter"></EventSetter>

            <EventSetter Event="FrameworkElement.MouseLeave" Handler="element_MouseLeave"></EventSetter>

        </Style>

    </Window.Resources>

    <StackPanel Name="stackPanel">

        <TextBlock Style="{StaticResource MouseOverHighLight}">Hover over me.</TextBlock>

        <TextBlock Padding="5">Don't bother with me.</TextBlock>

        <TextBlock Style="{StaticResource MouseOverHighLight}">Hover over me.</TextBlock>

    </StackPanel>

</Window>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Shapes;

namespace _2014_11_03_28样式基础

{

    /// <summary>

    /// EventSetter.xaml 的交互逻辑

    /// </summary>

    public partial class EventSetter : Window

    {

        public EventSetter()

        {

            InitializeComponent();

        }

        private void element_MouseEnter(object sender,MouseEventArgs e)

        {

            ((TextBlock)sender).Background = new SolidColorBrush(Colors.LightBlue);

        }

        private void element_MouseLeave(object sender, MouseEventArgs e)

        {

            ((TextBlock)sender).Background = null;

        }

    }

}

通过类型自动应用样式

<Window x:Class="_2014_11_03_28样式基础.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:sys="clr-namespace:System;assembly=mscorlib"

        Title="MainWindow" Height="350" Width="525" >

    <Window.Resources>

        <FontFamily x:Key="ButtonFontFamily" >Times New Roman</FontFamily>

        <sys:Double x:Key="ButtonFontSize">18</sys:Double>

        <FontWeight x:Key="ButtonFontWeight">Bold</FontWeight>

        <Style x:Key="BigFontButtonStyle" >

            <Setter Property="Control.FontFamily" Value="Times New Roman"></Setter>

            <!--<Setter Property="Control.FontSize" Value="18"></Setter>-->

            <!--<Setter Property="Button.FontSize" Value="18"></Setter>

            从中可以看到虽然是分别设置了属性，但是只以最后设置的属性为准。

            <Setter Property="TextBlock.FontSize" Value="10"></Setter>-->

            <Setter Property="Control.FontWeight" Value="Bold"></Setter>

            <Setter Property="Control.Background">

                <Setter.Value>

                    <ImageBrush TileMode="Tile" ViewportUnits="Absolute" Viewport="0 0 32 32" Opacity="0.3" ImageSource="bin\001.jpg"></ImageBrush>

                </Setter.Value>

            </Setter>

        </Style>

        <Style x:Key="EmphasizeBigFontButtonStyle" BasedOn="{StaticResource BigFontButtonStyle}"> <!--BasedOn继承了上一个style-->

            <Setter Property="Control.Foreground" Value="White"></Setter>

            <Setter Property="Control.Background" Value="LightBlue"></Setter>

        </Style>

        <Style  TargetType="Button"  BasedOn="{StaticResource BigFontButtonStyle}">

            <!--全部的Button使用这个样式,使用Style="{x:Null}"，则不启用-->

            <Setter Property="Control.Foreground" Value="White"></Setter>

            <Setter Property="Control.Background" Value="LightBlue"></Setter>

        </Style>

    </Window.Resources>

    <StackPanel Name="stackPanel1" Margin="5">

        <Button  Name="button1" Content="A Customaized Button" Margin="5" Padding="5" Style="{x:Null}"

                 FontFamily="{StaticResource ButtonFontFamily}" FontSize="{StaticResource ButtonFontSize}" FontWeight="{StaticResource ButtonFontWeight}"></Button>

        <TextBlock Margin="5">Noraml Conent</TextBlock>

        <Button Margin="5" Padding="5">A normal Button</Button>

        <TextBlock Margin="5" Padding="5"  Style="{StaticResource BigFontButtonStyle}">More Noraml Content</TextBlock>

        <Button Margin="5" Padding="5"  FontFamily="{StaticResource ButtonFontFamily}" FontSize="{StaticResource ButtonFontSize}" FontWeight="{StaticResource ButtonFontWeight}">Another Customized Button</Button>

        <Button Margin="5" Padding="5"  Style="{StaticResource EmphasizeBigFontButtonStyle}">Another Customized Button</Button>

    </StackPanel>

</Window>

视频二十九：触发器（简单触发器，事件触发器）

简单触发器

<Window x:Class="_2014_11_03_29触发器.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Window.Resources>

        <Style x:Key="BigFontButton" >

            <Style.Setters>

                <Setter Property="Control.FontFamily" Value="Times New Roman"></Setter>

                <Setter Property="Control.FontSize" Value="32"></Setter>

            </Style.Setters>

            <Style.Triggers>

                <!--<Trigger  Property="Button.IsPressed" Value="True">

                    <Setter Property="Control.Foreground" Value="Blue"></Setter>

                </Trigger>

                <Trigger  Property="Control.IsFocused" Value="True">

                    <Setter Property="Control.Foreground" Value="DarkRed"></Setter>

                </Trigger>-->

                <MultiTrigger>

                    <MultiTrigger.Conditions><!--表示多个条件为真的时候，才触发事件-->

                        <Condition Property="Control.IsFocused" Value="True" ></Condition>

                        <Condition Property="Control.IsMouseOver" Value="True" ></Condition>

                    </MultiTrigger.Conditions>

                    <MultiTrigger.Setters >

                        <Setter Property="Control.Foreground" Value="Blue"></Setter>

                    </MultiTrigger.Setters>

                </MultiTrigger>

            </Style.Triggers>

        </Style>

    </Window.Resources>

    <Grid>

        <Button Height="100" Style="{StaticResource BigFontButton}" Margin="5" Name="button1" Content="Button"></Button>

        <TextBox HorizontalAlignment="Left" Height="23" Margin="206,271,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120"/>

    </Grid>

</Window>

事件触发器

<Window x:Class="_2014_11_03_29触发器.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Window.Resources>

        <Style x:Key="BigFontButton" >

            <Style.Setters>

                <Setter Property="Control.FontFamily" Value="Times New Roman"></Setter>

                <Setter Property="Control.FontSize" Value="32"></Setter>

            </Style.Setters>

            <Style.Triggers>

                <!--<Trigger  Property="Button.IsPressed" Value="True">

                    <Setter Property="Control.Foreground" Value="Blue"></Setter>

                </Trigger>

                <Trigger  Property="Control.IsFocused" Value="True">

                    <Setter Property="Control.Foreground" Value="DarkRed"></Setter>

                </Trigger>-->

                <!--<MultiTrigger>

                    <MultiTrigger.Conditions>--><!--表示多个条件为真的时候，才触发事件--><!--

                        <Condition Property="Control.IsFocused" Value="True" ></Condition>

                        <Condition Property="Control.IsMouseOver" Value="True" ></Condition>

                    </MultiTrigger.Conditions>

                    <MultiTrigger.Setters >

                        <Setter Property="Control.Foreground" Value="Blue"></Setter>

                    </MultiTrigger.Setters>

                </MultiTrigger>-->

                <EventTrigger RoutedEvent="Mouse.MouseEnter">

                    <EventTrigger.Actions>

                        <BeginStoryboard>

                            <Storyboard>

                                <DoubleAnimation Duration="0:0:0.2" Storyboard.TargetProperty="FontSize" To="48"></DoubleAnimation>

                            </Storyboard>

                        </BeginStoryboard>

                    </EventTrigger.Actions>

                </EventTrigger>

                <EventTrigger RoutedEvent="Mouse.MouseLeave">

                    <EventTrigger.Actions>

                        <BeginStoryboard>

                            <Storyboard>

                                <DoubleAnimation Duration="0:0:0.5" Storyboard.TargetProperty="FontSize" ></DoubleAnimation>

                            </Storyboard>

                        </BeginStoryboard>

                    </EventTrigger.Actions>

                </EventTrigger>

            </Style.Triggers>

        </Style>

    </Window.Resources>

    <Grid>

        <Button Height="100" Style="{StaticResource BigFontButton}" Margin="5" Name="button1" Content="Button"></Button>

        <TextBox HorizontalAlignment="Left" Height="23" Margin="206,271,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120"/>

    </Grid>

</Window>

视频三十：行为（行为，获取行为支持，创建行为，使用行为） Expression Blend 3 SDK (http://tinyurl.com/kkp4g8)

由于涉及到类库，未能实现全部的代码。

<Window x:Class="_2014_11_03_30行为.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Canvas Name="canvas1">

        <Rectangle Canvas.Left="10" Canvas.Top="10" Fill="Yellow" Width="80" Height="60"></Rectangle>

        <Ellipse Canvas.Left="80" Canvas.Top="70" Name="ellipse1" Fill="blue" Width="80" Height="60"></Ellipse>

    </Canvas>

</Window>

视频三十一：形状（理解形状，Shape类，矩形和椭圆，使用Viewbox控件缩放形状，直线，折线，多边形，直线线帽和直线交点，点划线）

矩形和椭圆代码：

<Window x:Class="_2014_11_18_31形状.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Grid>

        <Grid.RowDefinitions>

            <RowDefinition Height="Auto"></RowDefinition>

            <RowDefinition Height="*"></RowDefinition>

        </Grid.RowDefinitions>

        <Rectangle  RadiusX="10" RadiusY="100" Height="100" Name="rectangle1"  Fill="Red" Stroke="Black"   Width="200">  </Rectangle>

        <Ellipse Grid.Row="1" Fill="Yellow" Stroke="Black" Margin="10"  Stretch="Uniform"></Ellipse>

    </Grid>

</Window>

使用Viewbox控件缩放形状代码：

<Window x:Class="_2014_11_18_31形状.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Grid>

        <Grid.RowDefinitions>

            <RowDefinition Height="Auto"></RowDefinition>

            <RowDefinition Height="*"></RowDefinition>

        </Grid.RowDefinitions>

        <!--<Rectangle  RadiusX="10" RadiusY="100" Height="100" Name="rectangle1"  Fill="Red" Stroke="Black"   Width="200">  </Rectangle>

        <Ellipse Grid.Row="1" Fill="Yellow" Stroke="Black" Margin="10"  Stretch="Uniform"></Ellipse>-->

        <TextBlock>The first row of a </TextBlock>

        <Viewbox Grid.Row="1" HorizontalAlignment="Left">

            <Canvas Width="200" Height="150">

                <Rectangle Fill="Yellow" Stroke="blue" Canvas.Left="30" Canvas.Top=" 40" Height="60" Width="100" HorizontalAlignment="Left"></Rectangle>

                <Ellipse Fill="Yellow" Stroke="blue" Canvas.Left="10" Canvas.Top="50" Width="100" Height="50" HorizontalAlignment="Left"></Ellipse>

               </Canvas>

        </Viewbox>

    </Grid>

</Window>

直线，折线，多边形代码：

<Window x:Class="_2014_11_18_31形状.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="350" Width="525">

    <Grid>

        <Grid.RowDefinitions>

            <RowDefinition Height="Auto"></RowDefinition>

            <RowDefinition Height="*"></RowDefinition>

        </Grid.RowDefinitions>

        <!--<Rectangle  RadiusX="10" RadiusY="100" Height="100" Name="rectangle1"  Fill="Red" Stroke="Black"   Width="200">  </Rectangle>

        <Ellipse Grid.Row="1" Fill="Yellow" Stroke="Black" Margin="10"  Stretch="Uniform"></Ellipse>-->

        <TextBlock>The first row of a </TextBlock>

        <Viewbox Grid.Row="1" HorizontalAlignment="Left">

            <Canvas Width="200" Height="150">

                <Line Stroke="red" X1="0" Y1="0" X2="10" Y2="100" Canvas.Left="150" Canvas.Top="20"></Line><!--直线-->

                <Rectangle Fill="Yellow" Stroke="blue" Canvas.Left="30" Canvas.Top=" 40" Height="60" Width="100" HorizontalAlignment="Left"></Rectangle><!--矩形-->

                <Ellipse Fill="Yellow" Stroke="blue" Canvas.Left="10" Canvas.Top="50" Width="100" Height="50" HorizontalAlignment="Left"></Ellipse><!--椭圆-->

                <Polyline Stroke="Blue" Points="5,5 15,50, 50 ,80 100,1"></Polyline><!--折线-->

                <Polygon Stroke="Blue" Points="10,10 15,50, 50 ,80 100,1" Canvas.Left="100" ></Polygon><!--多边形-->

            </Canvas>

        </Viewbox>

    </Grid>

</Window>

直线线帽和直线交点：

其中，StrokeThickness="15" 设置线的粗细。

StrokeStartLineCap="Triangle" 设置起点的样式

StrokeEndLineCap="Round" 设置终点的样式

点划线代码：

其中，StrokeDashArray="1 5" 1 是使用实线的位置， 5是虚线的位置。 StrokeThickness="15" 设置线的粗细。

秒客网

WPF视频教程系列笔记

相关文章