XAML开发入门之XAML的五大元素

文档元素

　　文档元素是用来处理文档的呈现方式。文档一般分为两大类，流式布局和固定布局。FixedDocument元素就是用来设计那种所见即所得的固定布局。也就是说你在设计时，文档的格式是什么，在呈现时它的格式也是什么，没有任何的差异。

　　而用FlowDocument元素构建的流式布局文档在呈现时具备更好的灵活性，并且也提高了文档的可读性。流式布局文档的呈现效果是由多种因素决定的，例如屏幕和页面的大小、字体大小，以及用户的喜好所作的设置。流式布局文档是由一个或多个自Block或者Inline派生的元素组成的。Block、Figure、Floater、List、ListItem、Paragraph、Section、Table和TableCell等Block元素通常是用来组织和格式化文本块。而Inline元素则是用来格式化文本块中的文本信息，Inline元素主要包括Bold、AccessKey、LineBreak、Hyperlink、Italic、Subscript、Superscript和Underline。

　　一些文档元素看起来是不是似曾相识，例如Paragraph、Table和Italic。是的，我们其它的一些用户界面标记语言中也会用到这些类似的格式化元素，例如HTML中的＜p＞、＜table＞和＜i＞。虽然它们的实现机制都差不多，但是XAML中的文档元素包含了丰富的属性，这是相应的HTML副本所不具备的。

　　尽管XAML的核心语法和其他的标记语言(例如HTML)非常类似，但是XAML的用户界面元素在包含要呈现的内容时，所受到的限制是非常有限的，并不像HTML中那么严格。例如，我们在使用一个Button元素时并不一定就要使用文本作为提示信息，你还可以使用图片或者其它的由UIElement派生的元素作为提示信息。下面的这个示例就是一个在Button元素中，使用一个"红绿灯"式的三个圆作为提示信息。

07 ＜StackPanel xmlns=http://schemas.microsoft.com/winfx/2006/xaml/presentation 08 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 09 HorizontalAlignment="Center" 10 Margin="10"＞ 11 ＜Button 12 Width="50" 13 Height="100"＞ 14 ＜DockPanel＞ 15 ＜Ellipse Margin="5" 16 DockPanel.Dock="Top" 17 Stroke="Black" 18 Width="10" 19 Height="10" 20 Fill="Red" /＞ 21 ＜Ellipse Margin="5" 22 DockPanel.Dock="Top" 23 Stroke="Black" 24 Width="10" 25 Height="10" 26 Fill="Yellow" /＞ 27 ＜Ellipse Margin="5" 28 DockPanel.Dock="Top" 29 Stroke="Black" 30 Width="10" 31 Height="10" 32 Fill="Green" /＞ 33 ＜/DockPanel＞ 34 ＜/Button＞ 35 ＜/StackPanel＞