WPF XAML介绍

一、XAML 简介

        XAML是一种声明性标记语言,它简化了为.NET Framework应用程序创建UI的过程。在声明性XAML标记中创建可见的UI元素,可以折叠隐藏代码,使程序界面编程更加简单和简洁。
XAML直接以程序集中定义的一组特定后备类型表示对象的实例化。以文本表示时,XAML 文件是通常具有 .xaml 扩展名的 XML 文件。

        XAML对象元素通常声明类型的实例,也就是说XAML文件中的每个元素代表.NET中的一个类,并且XAML文件中的每个属性代表.NET类中的一个属性、方法或事件。后台文件.xaml.cs中部分类包含了XAML呈现层可以用的事件、方法和属性。

编写XAML代码是需要注意,声明一个XAML元素时,可以用Name(或者x:Name)属性为该元素指定一个名称,这样在C#代码里面才可以访问到此元素。

 XAML的优点:

        XAML可以设计出专业的UI和动画----好用。
        XAML不需要专业的编程知识,它简单易懂、结构清晰-----易学。
        XAML能使设计师直接参与软件开发,随时沟通、无需二次转化-----高效    
        另外一个大优点就是:它帮助开发团队真正的实现了UI和业务逻辑的剥离

接下来开始介绍XAML的语法,下面我们看一下这个图,方便我们理解;

XAML必须遵循的4大原则:

    XAML是大小写区分的,对象元素、属性元素和特性名称必须严格区分大小写。
    所有的属性值,无论它是什么数据类型,都必须包含在双引号中;例如:<Button Background="Blue"/>
    所有的元素都必须是封闭的,始终以左尖括号 (<) 开头,右尖括号 (>) 或者右尖括号 (/>) 结尾;例如<Border …/> <Border>…</Border>
    最终的XAML文件也必须是合适的XML文档。( XAML 是一种基于 XML 并遵循或扩展 XML 结构规则的语言。)

**************************************************************************************************************

二、XAML命名空间

        XAML里面的元素对应着.NET里面的类,但是只提供类名是不够的,XAML解析器还需要知道这个类位于哪个.NET名称空间,这样解析器才能够正确的识别XAML的元素。
xmlns特性是XML中的一个特殊特性,它专门用来声明命名空间。一旦声明一个命名空间,在文档中的任何地方都可以使用该命名空间。

   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
   xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
   xmlns:local="clr-namespace:Testing.ViewModel"

**************************************************************************************************************

三、对象元素

        XAML的对象元素是指XAML中的一个完整的节点,一个XAML文件始终只有一个根元素,在下面的实例代码中是Page作为根元素,其他都是子元素。子元素可以包含一个或多个子元素。
对象元素语法是一种XAML标记语法,它通过声明XML元素将类或结构实例化。对象元素以左尖括号(<)开始,后面紧跟要实例化的类或结构的类型名称。类型名称后面可以有零个或多个空格,对于对象元素还可以声明零个或多个特性,并用一个或多个空格来分隔每个"特型名=值"这样的属性对。

<Page
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    <Grid>
        <Button Click="Button_Click" >Click Me!</Button>
        <Button Click="Button_Click" >Click Me!</Button>
    </Grid>
</Page>

**************************************************************************************************************

四、属性

        XAML中的属性也可以使用多种语法设置,不同的属性类型也会有不同的设置方式,并不是全部的属性设置都是通用的,总的来说可以通过下面的4种方式来设置对象元素的属性:
       1.    使用属性语法;
       2.    使用内容元素语法;
       3.    使用集合语法(通常是隐式集合语法)。
       4.    并不是所有属性都适用取决于属性对象的特性。

<TextBlock Text="Frame Rate View" FontSize="20" Foreground="Red"/>

**************************************************************************************************************

五、附加属性

        附加属性是一种特定类型的属性,和普通属性的作用并不一样。这种属性的特殊之处在于,其属性值受到XAML中专用属性系统的跟踪和影响。附加属性可用于多个控件,但却在另一个类中定义。常用于控件布局。

**************************************************************************************************************

六、标记扩展

标记扩展是一个被广泛使用的XAML语言概念。通过XAML标记扩展来设定属性值。从而可以让对象元素的属性具备更加灵活和复杂的赋值逻辑。常用的有以下五种:

Binding(绑定)标记扩展,实现在XAML载入时,将数据绑定到XAML对象;
StaticResource(静态资源)标记扩展,实现引用数据字典(ResourceDictionary)中定义的静态资源。
ThemeResource(主题资源)标记扩展,表示系统内置的静态资源。
TemplateBinding(模板绑定)标记扩展,是现在XAML页面中,对象模板板顶调用。
RelativeSource(绑定关联源)标记扩展,实现对特定数据源的绑定。
在语法上,XAML使用大括号{}来表示扩展。例如:
<TextBlock Text = "{Binding Source = {StaticResource myDataSource}, Path = PersonName}"/>
这里有两处使用了XAML扩展,一处是Banding,另一处是StaticResource,这种用法称为嵌套扩展,TextBlock元素的Text属性的值为{}中的结果。当XAML编译器看到大括号{}时,把大括号中的内容解释为XAML标记扩展。
XAML本身也定义了一些内置的标记扩展,这类扩展包括:
x:Type:在XAML中取对象的类型,相当于C#中的typeof操作,这种操作发生在编译的时候。
x:Static:是用来把某个对象中的属性或域的值赋给目标对象的相关属性。
x:null:是一种最简单的扩展,自作用就是把目标的属性设置为null。
x:Array:表示一个.NET数组。x:Array元素的子元素都是数组元素,它必须与x:Type一起使用,用于定义数组类型。

**************************************************************************************************************

七、事件

大多数Windows 10 应用都是由标记和后台代码组成,在一个项目中,XAML作为.xaml文件来编写,然后用C#语言来编写后台代码文件。当XAML文件被编译时,通过XAML页面的根元素的x:Class属性指定的命名空间和类来表示每个XAML页对应的后台代码的位置。事件是XAML中常用的语法。
事件在XAML中的基础语法如下:
<元素对象 事件名称 = "事件处理"/>

**************************************************************************************************************

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值