WPF学习日记：持续修改

一、wpf基本知识

在VS中自动引用的库：
PresentationCore
PresentationFramework
WindowsBase

也可以自己用文本创建工程：
1、打开VS编译器（与cmd类似但是已经加载一些环境设置）：
2、引用上述核心依赖：用\r 来开始
3、用crc将文件编译成程序（.exe）、Windows程序（.winexe）、库文件（laibrary）、模块（module）等

一般我们直接打开vs创建工程：
工程的结构目录：
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200414094103704.jpg)

这里我们主要注意App.xaml:

<Application x:Class="t2.App"  <!--程序所在空间名称的下的类-->
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  <!--用于界面UI所有的类的映射-->
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"<!--用于解析、分析的类的映射-->
             StartupUri="MainWindow.xaml"><!--启动的页面Uri-->
    <Application.Resources><!--系统资源：默认没有资源这里举一个例子-->
         <ResourceDictionary><!--资源字典：可以添加一个资源字典在这里进行引用-->
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="TestDictionary.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

X名称空间中都有什么
	x:Class：指出xaml文件与那个类进行合并；类文件的 InitializeComponent();方法是在Xaml中进行的；
	x：ClassModifier：类的访问级别默认为public；xaml文件和C#文件的级别必须一样否则会编译失败；
	x：Name：1、为xaml生成实例创建引用变量。2、实例是否有Name属性，有的话用变量的名字给属性赋值；
	x；FieldModifier：类中字段访问级别


关于入门教程文章可以参考一下这个：
WPF入门教程系列一——基础：https://www.cnblogs.com/chillsrc/p/4464023.html	
书籍：《深入浅出WPF》《WPF编程宝典》
学习视频：
[WPF入门基础教程(合集)](https://www.bilibili.com/video/BV1mJ411F7zG)
[《深入浅出WPF》系列高清视频教程 | 讲师：刘铁猛](https://www.bilibili.com/video/BV1ht411e7Fe)

二、资源

WPF允许在在各个位置定义资源：如窗口、UserControl、控件等；他们都有一个Resources属性，定义的是资源字典的集合；

	添加资源：
	 	通过资源文件添加：添加 资源字典，然后将资源字典名称添加到App.xml中的 <ResourceDictionary Source="资源字典名称.xaml"/>
	 	通过在.Xaml文件中添加标签元素<XXX.Resources> </XXX.Resources>添加元素
	
	窗口级别的资源：
		<Window.Resources> </Window.Resources>
		<UserControl.Resources> </UserControl.Resources>
		<Button.Resources> </Button.Resources>   (控件元素等)
		
	
	资源分为DynamicResource动态资源和StaticResource静态资源
		静态资源：在第一次窗口创建第一次使用时设置，此后不变；
		动态资源：当资源发生改变，使用此资源处发生改变；

	<Setter Property="Background" Value="{StaticResource ButtonNormalBackground}"/>
 	<Setter Property="Background" Value="{DynamicResource ButtonNormalBackground}"/>           

三、容器

这里举例几个容器：
	<Grid>：表格容器：支持行列设置；可设置行列宽高；
			属性：
			Grid.RowDefinitions 行
			Grid.ColumnDefinis 列
			ShowGridlines 显示表格线
			
	<StackPanel>:顺序排列的Panel；
			属性：
			Orientation 垂直布局
			Horizontal 水平布局
			
	<WarpPanel>：与上面类似只是当容器大小无法容纳时自动换行；
	
	<DockPanel>：有锚定值用于锚定控件位置，默认为Dock.Left;
		属性：	
		Dock.Top 锚定上边缘
		Dock.Left 锚定左边缘
		Dock.Rright 锚定右边缘
		Dock.Bottom 锚定下边缘
		LastChildFill 最后一个填充剩余容器空间
		
	<UniformGrid>:表格容器;依次填充，有行列设置，且大小不能随意调整，根据UniformGrid大小；
		属性：
		Rows 行
		Columns 列

ScrollViewer：大量内容有限空间滚动；
LineUp()：向上滚动；
LineDown()：向下滚动；
PageUp()：向上翻页；
PageDown()：向下翻页；
ScrollToEnd()：到底部；
ScrollToHome()：到定部；
自定义：元素之间滚动，将StackPanel放置到ScrollViewer中；（stackPanel实现了IsScroll接口），CanContentScroll=“true”(默认false)

四、元素

1、顶级元素：Window（默认）、Page、Application
2、一个窗口中次外层只能有一个Gide元素；
3、尽量不要使用坐标设置元素的位置：在不同分辨率或者改变大小时位置容易发生改变；
4、同理尽量不要设定元素尺寸；
5、想要支持多元素的话：使用嵌套

五、属性

• HorizontalAliment ：水平
• VerticalAliment：垂直
• margin：外边距
• Width：宽
• Height：高
• MinWidth/MaxWidth：最小宽度、最大宽度
• MinHeight/MaxHeight：最小高度、最大高度

六、样式

样式是组织重用的重要工具；
通过Styles创建一系列封装各种属性细节的样式，然后用Style封装引用好；
WPF中各种元素都允许设置样式Style，诸如：
	FontFamil 字体
	FontSize 字体大小
	Background 背景
	Foreground 字体颜色
	Margin 边距
	HorizontalAliment  ：水平
	VerticalAliment：垂直

属性：
	Setters	设置
	Trigers	触发器
	BaseOn	继承
	TargetType	标记该样式类型

七、触发器

都继承TriggerBase类：主要有Trigger、MultiTrigger、DataTrigger、MultiDataTrigger、EventTrigger；

1、Trigger：简单触发器，监测属性变化设置样式，可设置多个；

		<Style x:Key="buttonStyle" TargetType="{x:Type Button}">
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="true">
                    <Setter Property="FontSize" Value="30"/>
                    <Setter Property="Foreground" Value="Red"/>
                </Trigger>

                <Trigger Property="IsMouseOver" Value="False">
                    <Setter Property="FontSize" Value="30"/>
                    <Setter Property="Foreground" Value="Green"/>
                </Trigger>
            </Style.Triggers>
        </Style>

2、MultiTrigger：多个触发器同时满足才能触发；

				<MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="IsMouseOver" Value="True"/>
                        <Condition Property="IsFocused" Value="True"/>
                    </MultiTrigger.Conditions>

                    <MultiTrigger.Setters>
                        <Setter Property="Foreground" Value="Green"/>
                        <Setter Property="FontSize" Value="30"/>
                    </MultiTrigger.Setters>
                </MultiTrigger>

3、EventTrigger：事件触发器，要求用户提供改变元素的一系列动作；

			
                <EventTrigger RoutedEvent="MouseEnter">
                    <EventTrigger.Actions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation
                                    Duration="0:0:0.2"
                                    Storyboard.TargetProperty="FontSize"
                                    To="22"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger.Actions>
                </EventTrigger>

八、控件

内容控件：

• Content：可以是文本，图片、子控件；
• 对齐：HorizontalContentAlignment：控件内文本对齐；HorizontalAlignment：控件布局对齐；
• 标签：Target=“{Binding Element=“指向的控件元素”}” ；_A: 在按着Ctrl键是显示跳转；
• 按钮：IsCancel=“true”：在任意地方取消操作或者Ecs会触发此按钮； IsDefault=“true” ：默认的按钮；
  CheckBox：三态，IsThreeState=“true” 未确定IsChecked=“x：Null” ；
  RadioButton：在同一控件下才能互斥；
• 工具提示：ToolTip=“提示说明内容”；Placement=“Mouse”以鼠标位置为准；HorizontalOffset/VerticalOffset 偏移量；
  popup控件：IsOpen()属性

带标题的内容控件：
GroupBox：一般都和RadioButton同时使用；（只能放置一个元素）
TabItem：选项卡页面；
Expander：带箭头可折叠控件；

控件模板
可以直接通过文档大纲来编辑控件的模板。也可以选择模板资源所在位置，默认为window中

 <Setter Property="Template">
                <Setter.Value>
                	<!-- 控件模板 -->
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Themes:ButtonChrome x:Name="Chrome" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}" RenderDefaulted="{TemplateBinding IsDefaulted}" SnapsToDevicePixels="true">
                        	<!-- 内容元素 -->
                            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                        </Themes:ButtonChrome>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsKeyboardFocused" Value="true">
                                <Setter Property="RenderDefaulted" TargetName="Chrome" Value="true"/>
                            </Trigger>
                            <Trigger Property="ToggleButton.IsChecked" Value="true">
                                <Setter Property="RenderPressed" TargetName="Chrome" Value="true"/>
                            </Trigger>
                            <Trigger Property="IsEnabled" Value="false">
                                <Setter Property="Foreground" Value="#ADADAD"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>

 <Button Content="Button" Width="100" Height="40"  Style="{StaticResource ButtonTemplate}"
                HorizontalAlignment="Center" Foreground="White"
                VerticalAlignment="Center"
                />

自定义模板

 		<ControlTemplate x:Key="ButtonTemplate" TargetType="{x:Type Button}">
            <Border BorderThickness="1" Background="Red" CornerRadius="5">
                <StackPanel Orientation="Horizontal" 
                            HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                            VerticalAlignment="{TemplateBinding VerticalAlignment}">
                    <TextBlock Text="❤"/>
                    <ContentPresenter/>
                </StackPanel>
            </Border>
        </ControlTemplate>

在控件中调用

<Button Content="Button" Width="100" Height="40"  Template="{StaticResource ButtonTemplate}"<!-- 注意这里是用的Template属性 -->
                HorizontalAlignment="Center" Foreground="White"
                VerticalAlignment="Center"/>

九、自定义组件引用

1、添加新项目： 选择 WPF自定义控件库，写组件，生成；
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200416100544766.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdocndvcms=,size_16,color_FFFFFF,t_70)

2、在需要引用组件的项目中引用项目：右击引用-添加引用-解决方案-项目-“”被引用的项目”；
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200416100918862.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdocndvcms=,size_16,color_FFFFFF,t_70)
3、在Xaml文件中：Window标签中添加
	xmlns:control="clr-namespace:ControlLibrary;assembly=ControlLibrary"
	<!--xmlns:简称="clr-namespace:空间名;assembly=Dll文件"-->

4、在下文中引用

<Window x:Class="t1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:control="clr-namespace:ControlLibrary;assembly=ControlLibrary"<!--这里是引用项目组件库-->
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <control:SalaryCalculator Grid.Column="0" Grid.Row="0"/> <!--这里是使用项目组件--> 
        <control:SalaryCalculator Grid.Column="0" Grid.Row="1"/> <!--这里是使用项目组件--> 
        <control:SalaryCalculator Grid.Column="1" Grid.Row="0"/> <!--这里是使用项目组件--> 
        <control:SalaryCalculator Grid.Column="1" Grid.Row="1"/> <!--这里是使用项目组件--> 
    </Grid>
</Window>

如果是用的购买的控件，则先在引用中添加引用和上面一样然后在Xaml中引用，不同处：

<Window x:Class="t1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:t="http://schemas.telerik.com/2008/xaml/presentation"<!-- 外部组件库-->
        xmlns:control="clr-namespace:ControlLibrary;assembly=ControlLibrary"<!--项目组件库-->
        Title="MainWindow" Height="350" Width="525">
    <Grid>
    </Grid>
</Window>

十、路由事件

出现三种方式：直接路由事件、冒泡路由事件、隧道路由事件

• 直接路由事件：类似普通的.net事件单个元素直接处理 不能传递给其他元素；例如MouseEnter事件
• 冒泡路由事件：向上层传递直到顶层元素；例如MouseDown事件；与隧道路由事件成对出现，并且后与冒泡路由事件触发；
• 隧道路由事件：向下层传递直到焦点元素；大多以preview开头，与冒泡路由事件成对出现，并且先与冒泡路由事件触发；

int eventCount = 0;
        private void Grid_MouseUp(object sender, MouseButtonEventArgs e)
        {
            eventCount++;
            String m = eventCount.ToString() + ":\r\n" +
                " sender: " + sender.ToString() + ":\r\n" +     //事件发送对象
                " Source:+" + e.Source.ToString() + ":\r\n" +   //事件原对象
                " Original Source" + e.OriginalSource;          //更深层次对象（大多时候和Source以一样）

            e.Handled = true;//阻断向上或者向下传播
        }

十一、键盘、鼠标输入

键盘输入事件：

• PreviewKeyDonw：键盘按下事假，隧道事件；
• KeyDown：键盘按下事件，冒泡事件；
• PreviewTextInput：文本输入事件：隧道事件。（并不是每次都发生比如：Ctrl键）；
• TextInput：文本输入事件：冒泡事件。（并不是每次都发生比如：Ctrl键）；
• PreviewKeyUp：按键离开事件，隧道事件；
• KeyUp：按键离开事件，冒泡事件；

鼠标输入事件：

• MouseEnter：鼠标进入事件；直接事件，不会引发隧道和冒泡；
• MouseLeave：鼠标离开事件；直接事件，不会引发隧道和冒泡；
• PreviewMouseMove：鼠标移动；隧道事件；
• MouseMove：鼠标移动；冒泡事件；
• PreviewMouseLeftButtonDown：鼠标左击按下事件；隧道事件；
• PreviewMouseRightButtonDown：鼠标右击按下事件；隧道事件；
• MouseLeftButtonDown：鼠标左击按下事件；冒泡事件；
• MouseRightButtonDown：鼠标右击按下事件；隧道事件；
• PreviewMouseLeftButtonUp：鼠标左击离开事件；隧道事件；
• PreviewMouseRightButtonUp：鼠标右击离开事件；隧道事件；
• MouseLeftButtonUp：鼠标左击离开事件；冒泡事件；
• MouseRightButtonUp：鼠标右击离开事件；冒泡事件；

捕获鼠标：将鼠标捕获到某个控件中，其他控件无法触发事件；通过在窗体外点击接触捕获；

private void button1_Click(object sender, RoutedEventArgs e)
        {
            Mouse.Capture(rct);//用一个矩形控件捕获鼠标
            button1.Content = "Mouce is Capture...";
        }

鼠标拖放：

	
		private void lable1_MouseDown(object sender,  MouseButtonEventArgs e)
        {
        //将lable中内容拖动 到其他控件：参数1源控件，参数2：数据，拖放操作效果；注意目标控件标签中要有AllowDrop="true";
           DragDrop.DoDragDrop(lable1, lable.Content, DragDropEffects.Copy);  
        }
        private void lable2_Drop(object sender,  DragEventArgs e)
        {
        	//目标lable中内容赋值 
          	((Label)sender).Content = e.Data.getData(DataFormats.Text);
        }
  

十一、MVVM框架入门

开发环境：

• VS2010以上 最新2019；
• Microsoft Prism；
• Microsoft Bland SDK；

必须知识准备：

• 熟悉Data Binding和Dependcy Property ；
• 了解WPF中命令（知道ICommand接口即可）；
• 熟悉Lambda表达式；

创建Code Snippet（代码模板）；

• Code Snippet 的使用；
• CodeSnippet 的创建；
  未完待续