一、XMAL概览

  1、XAML在桌面开发及富媒体网络程序的开发中扮演了HTML+CSS+JS的角色。
  2、XAML可以将UI和逻辑代码分离,降低耦合度。
  3、XAML是一种单纯的申明形语言
  4、XAML是由XML派生而来的语言,所以很多XML中的概念在XAML中是通用的
  5、XAML是一种“声明”式语言,当你看见一个标签,就意味着声明了一个对象,对象之间的层级关系是并列、要么包含。全都体现在标签的关系上

二、剖析最简单的XAML

 <Window x:Class="WpfApp4.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:WpfApp4"
mc:Ignorable="d"
Title="Main Window" Height="450" Width="800">
<Grid>
</Grid>
</Window>

其中,Title、Height和Width是与Window对象的Property相对应的。
第3行的xmlns表示引用引用命名空间。冒号表示映射命名空间。在后面使用的方式为 映射名:类名 如果没有写前缀,那就意味着所有来自于这个空间的标签前都不用加前缀,就成为默认名称,默认名称自能有一个,其他就必须加前缀
第2行像地址的命名空间是XAML解析器的一个硬性编码,要见到这些固定字符串,就会把一系列必要的程序集(Assembly)和程序集中包含的.NET名称空间引用进来。

三、XAML中为对象属性赋值的语法

XAML是一种声明性语言,XAML编译器会为每个标签创建一个与之对应的对象,对象创建出来之后要对他的属性进行必要的初始化之后才有意义。因为XAML语言不能编写程序的运行逻辑,所以一份XAML文档中除了使用标签声明对象就是初始化对象的属性了
XAML中为对象属性赋值共有两种语法
  1、使用字符串进行简单赋值
  2、使用属性元素(Property Element)进行复杂赋值

 <!--使用字符串进行简单赋值-->
<Grid HorizontalAlignment="Center" VerticalAlignment="Center">
<Rectangle Width="200" Height="100" Fill="Blue"></Rectangle>
</Grid>
 <!--使用属性元素(Property Element)进行复杂赋值-->
<Grid HorizontalAlignment="Center" VerticalAlignment="Center">
<Rectangle Width="200" Height="100">
<Rectangle.Fill>
<SolidColorBrush Color="Blue"/>
</Rectangle.Fill>
</Rectangle>
</Grid> <Grid HorizontalAlignment="Center" VerticalAlignment="Center">
<Rectangle Width="200" Height="100">
<Rectangle.Fill>
<LinearGradientBrush>
<LinearGradientBrush.StartPoint>
<Point X="0" Y="0"/>
</LinearGradientBrush.StartPoint>
<LinearGradientBrush.EndPoint>
<Point X="1" Y="1"/>
</LinearGradientBrush.EndPoint>
<LinearGradientBrush.GradientStops>
<GradientStopCollection>
<GradientStop Offset="0.2" Color="LightBlue"/>
<GradientStop Offset="0.7" Color="Blue"/>
<GradientStop Offset="1.0" Color="DarkBlue"/>
</GradientStopCollection>
</LinearGradientBrush.GradientStops>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
</Grid>

简化XAML属性赋值的技巧
  1、能使用Attribute=Value形式的赋值就不使用属性元素
  2、充分利用默认值,去除冗余
  3、充分利用XAML的简写方式

四、标记扩展

所谓标记扩展,实际上是一种特殊的Attribute=Value语法,其特殊的地方在于Value字符串是由一对花括号及其括起来的内容组成,XAML编译器会对这样的内容做出解析,生成相对应的对象。

 <StackPanel>
<TextBox Margin="5" Text="{Binding ElementName=slider1, Path=Value, Mode=OneWay}"></TextBox>
<Slider Name="slider1" Margin="5"></Slider>
</StackPanel>

其中,Text="{Binding ElementName=slider1, Path=Value, Mode=OneWay}"就是标记扩展了。我们分析一下这句代码
  1、当编译器看到这句代码时就会把花括号里的内容解析成对应的对象
  2、对象的数据类型就是紧邻左花括号的字符串
  3、对象的属性由一串以逗号连接的子字符串负责初始化(注意,属性值不再加引号。属性之间通过逗号隔开。类似于C#对象的初始化器)
尽管标记扩展的语法简介方便,但并不是所有对象都能用标记扩展的语法来书写,只有MarkupExtension类的派生类(直接或间接均可)才能使用标记扩展来创建对象。
使用标记扩展需要注意的几点:
  1、标记扩展是可以嵌套的,例如Text="{Binding Source = {StaticResource myDataSource}, Path = PersonName}"是正确的
  2、标记扩展具有一些简写语法,例如"{Binding Value ...}"与"{Binding Path=Value...}"是等价的,"{StaticResource myString...}"与"{StaticResource ResourceKey=myString}"是等价的。两种写法中,前者成为固定位置参数(Positional Parameter)后者成为具名参数(Named Parameters)。固定位置参数实际上就是标记扩展类构造器的参数,其位置由构造器参数列表决定。
  3、标记扩展类的类名均以单词Extension为后缀,在XAML中使用它们的时候Extension后缀可以省略不写,比如写Text="{x:Static...}"与Text="{x:StaticExtension...}"是等价的。

五、事件处理器与代码后置类

事件处理器
当一个XAML标签对应着一个对象时,这个标签的一部分Attribute会对应这个对象的Property。除了这部分对应着对象Property的Attribute外,还有一部分Attribute会对应着对象的事件(Event)。<Button>标签有一个名为Click的Attribute,它对应的就是Button类的Click事件

<ClassName EventName = "EventHandlerName"/>

如果把<Button x:Name = "btnTest" Click="btnTest_Click"/>这句话转化为C# WinForm代码,基本上为

var btnTest = new Button();
btnTest.Click+=btnTest_Click;

代码后置(Code-Behind)
C#编写的代码用于处理程序的逻辑,需要与UI的XAML代码分开。由于c#支持partial类,XAML标签又可以使用x:Class特征来指定将由XAML代码解析生成的类与哪个类合并,因此我们完全可以把用于实现的程序逻辑的C#代码放在一个文件里,把用于描述程序UI的XAML代码放在另一个文件里。并且让事件性Attribute充当XAML与C#之间沟通的纽带。从后台控制前面的UI,这种将逻辑代码与UI代码分离,隐藏在UI代码后面的形式叫做代码后置

 <Grid>
<Button x:Name="btnTest" Content="ClickMe" Width="" Height="" Click="btnTest_Click"></Button>
</Grid> private void btnTest_Click(object sender, RoutedEventArgs e)
{
  MessageBox.Show((sender as Button).Content.ToString());
}

注意:
不只是事件处理器,一切用于实现程序逻辑处理的代码都要放在后置的C#文件中
默认情况下,VS为每个XAML文件生成的后置代码文件名为"XAML文件全名.cs",比如XAML文件名为MyWindow.xaml,那么他的后置代码名为MyWindow.xaml.cs。这样做是为了方便管理文件,但并不是必要的,只要XAML解析器能找到x:Class所指定的类,无论你的文件叫什么名字都可以。
XAML的后置代码一样可以写到XAML文件中,需要使用x:Code标签。x:Code的内容一定要使用XML语言的<![CDATA[...]]>转义标签。但不推荐,这样会增加前后端耦合度

 <Grid>
<Button x:Name="btnTest" Content="ClickMe" Width="80" Height="30" Click="btnTest_Click"></Button>
</Grid> <x:Code>
<![CDATA[
private void btnTest_Click(object sender, RoutedEventArgs e)
{
MessageBox.Show((sender as Button).Content.ToString());
}
]]>
</x:Code>

六、导入程序集和引用其中的命名空间

想在自己的程序里引用类库,主要分三个步骤
  1、编写类库项目并编译得到.dll文件或者获得别人编译的.dll文件
  2、将类库项目或者.dll引进自己的项目
  3、在C#和XAML中引用类库中的名称空间
xmlns:映射名="clr-namespace:类库中名称空间的名字,assembly=类库文件名"

XAML中引用名称空间的映射名类似于C#中的

using Cnn = Connection;

七、XAML的注释

XAML的注释语法亦继承自XML,语法:
<!-- 需要注释的内容 -->

注意:
  1、XAML注释只能出现在标签的内容区域,即只能出现在开始标签和结束标签之间
  2、XAML注释不能用于注释标签的Attribute
  3、XAML注释不能嵌套

《深入浅出WPF》学习总结之XAML标签语言一的更多相关文章

  1. 《深入浅出WPF》学习总结之XAML标签语言二

    x名称空间 “x名称空间”的这个X是映射XML名称空间时给他取的名字(如果用的是字母y,那他就叫“y名称空间了”),x名称空间里的成员(x.name.x.class)是专门给XAML编译器看的.用来引 ...

  2. WPF学习笔记1——XAML之1

    参考文献: http://msdn.microsoft.com/zh-cn/library/ms752059(v=vs.110).aspx <Pro WPF 4.5 in C# > 一.X ...

  3. WPF学习笔记——认识XAML

    Extensible Application Markup Language,XAML是一种声明性标记语言. 一.XAML语法概述 1,与XML类似,用尖括号标记元素 <StackPanel&g ...

  4. WPF学习笔记2——XAML之2

    三.事件处理程序与代码隐藏 例如,为一个Page添加一个Button控件,并为该Button添加事件名称Button_Click: <Page xmlns="http://schema ...

  5. WPF学习一:XAML的资源(Resources)结构

    一个初学者,把知识做个积累,如果有不对的地方,还请高手指出,谢谢! 先看一段代码:(下面是以Window WPF进行讲解,如果是Web 的话就把<Window改为<Page 而如果是 Us ...

  6. WPF学习笔记 - 在XAML里绑定

    Binding除了默认构造函数外,还有一个可以传入Path的构造函数,下面两种方式实现的功能是一样的. <TextBlock x:Name="currentFolder" D ...

  7. JavaWeb学习总结-12 JSTL标签语言

    一 JSTL JSP标准标签库(JSTL)是一个JSP标签集合,它封装了JSP应用的通用核心功能. JSTL支持通用的.结构化的任务,比如迭代,条件判断,XML文档操作,国际化标签,SQL标签. 除了 ...

  8. 《深入浅出WPF》 学习笔记

    <深入浅出WPF> 序言 1. 什么是WPF    2. 为什么要学习WPF 第一章 XAML概览 1. XAML是什么? 2. XAML有哪些优点 第二章 从零起步认识XAML 1. 新 ...

  9. 4 WPF学习---系统的学习XAML语法

    转载:http://blog.csdn.net/fwj380891124/article/details/8093001 1,XAML文档的树形结构: UI在用户眼里面是个平面结构.如下图所示,在用户 ...

随机推荐

  1. PAT Advanced 1036 Boys vs Girls (25 分)

    This time you are asked to tell the difference between the lowest grade of all the male students and ...

  2. bzoj4238 & loj2881 电压 二分图判定+dfs树

    题目传送门 https://lydsy.com/JudgeOnline/problem.php?id=4238 https://loj.ac/problem/2881 题解 如果想要让每一条边都有电流 ...

  3. ipsec概念理解

    互联网安全协议(英语:Internet Protocol Security,缩写:IPsec): 本质上一个协议包,透过对IP协议的分组进行加密和认证来保护IP协议的网络传输协议族(一些相互关联的协议 ...

  4. [洛谷P4436] HNOI/AHOI2018 游戏

    问题描述 一次小G和小H在玩寻宝游戏,有n个房间排成一列,编号为1,2,...,n,相邻的房间之间都有一道门.其中一部分门上锁(因此需要有对应的钥匙才能开门),其余的门都能直接打开.现在小G告诉了小H ...

  5. springboot日期转换器

    注:该功能并非springboot特有的功能,springmvc同样具有         一.使用方法     创建一个DateConverter类实现Converter接口 注:importorg. ...

  6. node创建项目,要ejs模板引擎,不要jade怎么办?

    创建项目时:express ejs blog,生成的是.jade文件怎么办?我想要的是ejs的呀 上述语句不仅名字不对,生成文件的格式也不是我想要的. 不妨试试:express -e blog 这下就 ...

  7. idea使用"svn"到项目报错Error:Cannot run program "svn" (in directory "E:\XXXXXX"):CreateProcess error=2,

    使用新项目工具idea界面上导入svn项目报错: Error:Cannot run program "svn" (in directory "D:\XXXXXX" ...

  8. Bugku 杂项 telnet

    letnet 下载zip后发现是一个数据包,放到wireshark中打开 右键追踪tcp流后可以发现flag

  9. 微信小程序支付功能讲解

    前言:虽然小程序做过很多,但是一直觉得微信支付功能很是神秘,现在终于有机会接触心里还是有点小激动的,经过一番折腾发现支付也不过如此,在此记录下支付功能的实现过程 小程序的官方文档介绍到发起微信支付即调 ...

  10. makefile 赋值

    = 是最基本的赋值:= 是覆盖之前的值?= 是如果没有被赋值过就赋予等号后面的值+= 是添加等号后面的值