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 = 285;this.Height = 250;this.Left = this.Top = 100;this.Title = "Code_Only Window";//创建停靠面板对象DockPanel panel = new DockPanel();//创建按钮对象button1 = new Button();button1.Content = "Please click me.";button1.Margin = new Thickness(30);//事件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.";}}
}

View Code

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();}}
}

View Code

视频四：使用代码和未经编译的外部标记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 = 285;this.Left = this.Top = 100;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.";}}
}

View Code

////文件名称：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();}}
}

View Code

视频五：使用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>

View Code

视频六：使用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>

View Code

嵌套布局容器实例：

<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>

View Code

视频七： 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>

View Code

视频八：使用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>

View Code

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>

View Code

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 = 0;}private void EditingMode_SelectionChanged(object sender, SelectionChangedEventArgs e){inkCanvas.EditingMode = (InkCanvasEditingMode)this.EditingMode.SelectedValue;}}
}

View Code

视频九：理解路由事件

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

1. 直接路由事件

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

 protected int eventCountr = 0;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;}

View Code

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>

View Code

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);}}
}

View Code

焦点的获取及层次： 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>

View Code

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";}}
}

View Code

鼠标的拖拽：默认情况下，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);}}
}

View Code

<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>

View Code

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

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>

View Code

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>

View Code

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());}}
}

View Code

视频十四：特殊容器控件（滚动控件，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();//置底///自定义滚动
            }}
}

View Code

<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>

View Code

视频十五：带标题的内容控件（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>

View Code

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>

View Code

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;}}
}

View Code

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>

View Code

视频十六：文本控件（多行文本，选择文本，拼写检查，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>

View Code

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;}}
}

View Code

视频十七：列表控件（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>

View Code

在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>

View Code

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+1)+"\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();}}
}

View Code

视频十八：基于范围的控件（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>

View Code

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 += 2;}}
}

View Code

视频十九：日期控件（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>

View Code

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 = 0; i < this.calendar.SelectedDates.Count; i++){s += this.calendar.SelectedDates[i].ToShortDateString() + "  ";}this.Title=s;}}
}

View Code

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);}}
}

View Code

派生一个自定义的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("无法注销或关闭系统");}}
}

View Code

<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>

View Code

视频二十一：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>

View Code

////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();}}
}

View Code

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;}}
}

View Code

访问当前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; }}}
}

View Code

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.");}}}
}

View Code

视频二十二：单实例应用程序（创建单实例应用程序包装器） 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();}}
}

View Code

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);}}
}

View Code

////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();}}
}

View Code

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

举例说明：添加图片文件

添加资源：默认情况下，设置图片文件的属性，复制到输出目录：不复制，生成操作：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>

View Code

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 = 30;}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);}}
}

View Code

视频二十五：绑定到非元素对象（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>

View Code

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>

View Code

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>

View Code

视频二十六：资源基础（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>

View Code

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

<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>

View Code

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

View Code

<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>

View Code

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"];////
        }}
}

View Code

视频二十八：样式基础类似于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>

View Code

通过创建样式：

<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>

View Code

关联事件处理程序

<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>

View Code

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;}}
}

View Code

通过类型自动应用样式

<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>

View Code

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

简单触发器

<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>

View Code

事件触发器

<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>

View Code

视频三十：行为（行为，获取行为支持，创建行为，使用行为） 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>

View Code

视频三十一：形状（理解形状，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>

View Code

使用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>

View Code

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

<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>

View Code

直线线帽和直线交点：

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

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

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

点划线代码：

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

转载于:https://www.cnblogs.com/Time_1990/p/4015716.html

WPF视频教程系列笔记相关推荐

兄弟连NoSQL视频教程 redis笔记
兄弟连NoSQL视频教程 redis笔记 ================================课程目录====================================== 01.N ...
WPF QuickStart系列之样式和模板(Style and Template)
原文:WPF QuickStart系列之样式和模板(Style and Template) 在WPF桌面程序中,当我们想构建一个统一的UI表现时(在不同操作系统下,显示效果一致),此时我们就需要使用到 ...
Cocos2dx游戏开发系列笔记6：怎样让《萝莉快跑》的例子运行在vs和手机上
2019独角兽企业重金招聘Python工程师标准>>> 感谢听D同学赞助的Demo. 那怎样让它运行在vs中呢: 1 使用cocos2d-x-2.2\tools\project-cr ...
Linux视频教程系列汇总
Linux视频教程系列汇总该系列视频涉及Linux学习的方方面面,入门的.高级的.编程的.安全的,都有了,每一套都很完整. 由于文件比较大,全部使用FTP发布的,建议使用能重复连接的下载工具(如迅雷 ...
Java系列笔记(1) - Java 类加载与初始化
2019独角兽企业重金招聘Python工程师标准>>> 目录类加载器动态加载链接初始化示例类加载器在了解Java的机制之前,需要先了解类在JVM(Java虚拟机)中是如 ...
跟着鸟哥学Linux系列笔记1
跟着鸟哥学Linux系列笔记0-扫盲之概念跟着鸟哥学Linux系列笔记0-如何解决问题装完linux之后,接下来一步就是进行相关命令的学习了第五章:首次登录与在线求助man page 1. X ...
系列笔记 | 深度学习连载（6）：卷积神经网络基础
点击上方"AI有道",选择"星标"公众号重磅干货,第一时间送达卷积神经网络其实早在80年代,就被神经网络泰斗Lecun 提出[LeNet-5, LeCun ...
系列笔记 | 深度学习连载（5）：优化技巧（下）
点击上方"AI有道",选择"星标"公众号重磅干货,第一时间送达深度学习中我们总结出 5 大技巧: 本节继续从第三个开始讲起. 3. Early stoppi ...
系列笔记 | 深度学习连载（4）：优化技巧（上）
点击上方"AI有道",选择"星标"公众号重磅干货,第一时间送达深度学习中我们总结出 5 大技巧: 1. Adaptive Learning Rate 我们先 ...
系列笔记 | 深度学习连载（2）：梯度下降
点击上方"AI有道",选择"星标"公众号重磅干货,第一时间送达我们回忆深度学习"三板斧": 1. 选择神经网络 2. 定义神经网络的好坏 ...

WPF视频教程系列笔记

WPF视频教程系列笔记相关推荐

最新文章

热门文章