Window、Grid、TextBox、Button等,都叫元素

xaml文档中,<>用来定义标签,标签可以用来描述元素或元素的属性,如:
  <Window>
    <Window.Resources>
    </Window.Resources>
  </Window>
Window是元素,Resources是Window的一个属性

标签内容可以包含其他元素的标签,如
  <Window>
    <Grid>
      <Button />
    </Grid>
  </Window>
有些元素只能包含一个子元素,有些能包含很多子元素。

每个元素都可以有属性,如
  <Window>
    <Grid>
      <Button Height = "30"/>
    </Grid>
  </Window>

描述元素的属性还可以用属性标签的方式来写
  <Window>
    <Grid>
      <Button>
        <Button.Height>40</Button.Height>
      </Button>
    </Grid>
  </Window>
属性标签更有层次,但超级啰嗦,没有使用的必要

属性的值可以是字符串,也可以用标记扩展的形式完成类似绑定数据等复杂的操作。
  <Window>
    <Grid>
      <TextBox Text ="{Binding ElementName= slider1, Path=Value, Mode=OneWay}"/>
      <Slider Height="19" Name="slider1" Width="139" />
    </Grid>
  </Window>

用属性标签的写法,可以写成这样
  <TextBox.Text>
    <Binding ElementName ="slider1" Path ="Value" Mode="OneWay"/>
   </TextBox.Text>
这种写法在vs2010下很不给力,智能提示不到位……

属性不仅可以是元素自身的,也可以是其他元素的属性
引用其他元素属性的用法叫做附加属性,被引用的元素必须要写明所在的命名空间前缀
  <Window>
    <Grid>
      <Button x:Name = "btn1" Grid.Row = "2"/>
    </Grid>
  </Window>

Grid.Row没有前缀?那是因为有个默认的命名空间xmlns,使用它包含的类时就不用写明命名空间前缀

命名空间在根元素的属性中定义
  <Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="App1.Window3">

  </Window>

xmlns定义的即是默认的命名空间,这里把它指向了WPF所有的控件类。
xmlns:x 定义了另一个命名空间,这里的x叫做命名空间前缀,理解成简称也可以。
x:Class 是附加属性,指明后置代码中的cs类名称

x命名空间下的类用途乱七八糟的,记住名字就行
  x:Name
  x:Class
  x:Subclass
  x:Type
  x:Null
  x:Key
  x:Array
  x:Static
  x:Shared

  x:Code
  x:XData

xmal 是标记语言,如同html一样。类似Jquery,.net也提供了两个帮助类:VisualTreeHelper、LogicalTreeHelper

WPF学习(一) - XAML的更多相关文章

  1. WPF学习笔记-用Expression Design制作矢量图然后导出为XAML

    WPF学习笔记-用Expression Design制作矢量图然后导出为XAML 第一次用Windows live writer写东西,感觉不错,哈哈~~ 1.在白纸上完全凭感觉,想象来画图难度很大, ...

  2. 学习WPF——了解WPF中的XAML

    XAML的简单说明 XAML是用于实例化.NET对象的标记语言,主要用于构建WPF的用户界面 XAML中的每一个元素都映射为.NET类的一个实例,例如<Button>映射为WPF的Butt ...

  3. WPF学习05:2D绘图 使用Transform进行控件变形

    在WPF学习04:2D绘图 使用Shape绘基本图形中,我们了解了如何绘制基本的图形. 这一次,我们进一步,研究如何将图形变形. 例子 一个三角形,经Transform形成组合图形: XAML代码: ...

  4. WPF学习之资源-Resources

    WPF学习之资源-Resources WPF通过资源来保存一些可以被重复利用的样式,对象定义以及一些传统的资源如二进制数据,图片等等,而在其支持上也更能体现出这些资源定义的优越性.比如通过Resour ...

  5. WPF学习之路初识

    WPF学习之路初识   WPF 介绍 .NET Framework 4 .NET Framework 3.5 .NET Framework 3.0 Windows Presentation Found ...

  6. WPF学习拾遗(二)TextBlock换行

    原文:WPF学习拾遗(二)TextBlock换行 下午在帮组里的同事解决一个小问题,为了以后方便,把就把它收集一下吧. 新建一个TextBlock作为最基础的一个控件,他所携带的功能相对于其他的控件要 ...

  7. WPF学习(8)数据绑定

    说到数据绑定,其实这并不是一个新的玩意儿.了解asp.net的朋友都知道,在asp.net中已经用到了这个概念,例如Repeater等的数据绑定.那么,在WPF中的数据绑定相比较传统的asp.net中 ...

  8. WPF 学习笔记-在WPF下创建托盘图标

    原文:WPF 学习笔记-在WPF下创建托盘图标 首先需要在项目中引用System.Windows.Forms,System.Drawing; using System; using System.Co ...

  9. (转)WPF学习资源整理

    由于笔者正在学习WPF,所以整理出网络中部分WPF的学习资源,希望对同样在学习WPF的朋友们有所帮助. 首推刘铁猛的<深入浅出WPF>系列博文 1.深入浅出WPF(1)——什么是WPFht ...

  10. WPF学习资源整理

    WPF(WindowsPresentation Foundation)是微软推出的基于Windows Vista的用户界面框架,属于.NET Framework 3.0的一部分.它提供了统一的编程模型 ...

随机推荐

  1. 关于HTML与CSS与class

    在web前端开发中接触的一直是html.css.javascript. 在这个过程中,经常使用的是html中的span.div元素以及css的选择器. 为了方便查找在这里将这些内容的基础知识记录下来. ...

  2. Spark RDD概念学习系列之RDD接口

    不多说,直接上干货!

  3. 前端将图片二进制流显示在html端

    工作中碰到的问题,在处理接口返回的验证码图片时,由于返回的是encode编码代码,在js端获取到数据之后,通过函数encodeURI()来进行解码,之后可以通过在src中设置来实现图片显示:

  4. DirectUI界面编程(一)创建第一个应用

    1.获取Duilib库文件 通过上一节大家对DirectUI界面设计有了初步的了解,本节开始我们一起学习Duilib界面库的使用. 首先我们需要获取Duilib库,目前最新版本为2.0,最新版本源码托 ...

  5. Haskell手撸Softmax回归实现MNIST手写识别

    Haskell手撸Softmax回归实现MNIST手写识别 前言 初学Haskell,看的书是Learn You a Haskell for Great Good, 才刚看到Making Our Ow ...

  6. 面向对象和结构化程序设计的区别X

    面向对象和结构化程序设计的区别 结构化程序的概念首先是从以往编程过程中无限制地使用转移语句而提出的.转移语句可以使程序的控制流程强制性的转向程序的任一处,在传统流程图中,就是用上节我们提到的" ...

  7. LeetCode Golang 单向链表相加 反向实现

    LeetCode 两数之和, 反向实现 1 -> 2 -> 3 -> 4 +                  3 -> 4 ------------------------- ...

  8. Linux后台开发应该具备技能

    一.linux和os: 1.命令:netstat tcpdump ipcs ipcrm 这四个命令的熟练掌握程度基本上能体现实际开发和调试程序的经验 2.cpu 内存 硬盘 等等与系统性能调试相关的命 ...

  9. vue项目 预览照片的插件 v-viewer

    查看图片主要使用的旋转.翻转.缩放.上下切换.键盘操作等功能都有. 1.首先是安装 npm install v-viewer --save 2.安装完在main.js里面引用(还要记得引用它的css样 ...

  10. laravel报错:MassAssignmentException

    报这种错误是因为没有设置白名单或者黑名单.在使用fill填充时,需要设置白/黑名单. $model->fill($params);return $model->save(); 找到对应的m ...