翼度科技»论坛 编程开发 .net 查看内容

WPF学习笔记03-布局Layout

8

主题

8

帖子

24

积分

新手上路

Rank: 1

积分
24
WPF相对于Winform而言,在WPF中是用不同的容器安排布局。每个容器都有各自的布局逻辑,有的以堆栈方式布置有的以单元格排列元素。这也是WPF中比较有意思的,更容易入门。通过了解WPF布局之后能有个大概的WPF乐趣之处。
1 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>理解WPF中布局

区别于Winform而言,Winform中使用刻板的基于坐标的布局将控件放到正确位置。在WPF中,使用流布局(flow)。能创建与显示分辨率和窗口大小无关的,在不同显示器正确缩放。
1.1 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>WPF <Button Margin="20,15,10,5" Content="第三个按钮"/>布局原则

WPF窗口只能包含单个元素。在窗口放置一个容器,然后在该容器中添加其他元素。
WPF中,需要遵循以下几条重要原则:


    • 不应显式设定元素尺寸。
    • 不应使用屏幕坐标指定元素位置。
    • 布局容器的子元素共享可用空间
    • 可嵌套的布局容器

WPF应该遵循这些原则,如果不遵循这些原则,最终将得到不是很适合WPF的并且难以维护的用户界面。
1.2 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>布局过程

包含两个阶段:测量和排列。
测量阶段:容器遍历所有子元素,并询问子元素他们所期望的尺寸。
排列阶段:容器在合适的位置放置子元素。
1.3 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>布局容器

所有WPF布局容器都派生于System.Windows.Controls.Panel抽象类的面板
<Button Margin="20,15,10,5" Content="第三个按钮"/>WPF中提供了大量继承于Panel的类。这些类都位于System.Windows.Controls命名空间中
名 <Button Margin="20,15,10,5" Content="第三个按钮"/>称
说 <Button Margin="20,15,10,5" Content="第三个按钮"/>明
StackPanel
在水平或垂直的堆栈中放置元素。通常用于更大、更复杂窗口中的一些小区域。
WrapPanel
在一系列中可换行的行中放置元素
DockPanel
根据元素的整个边界调整元素
Grid
根据不可见的表格在行列中排列元素,也是最灵活最常用的容器之一
UniformGrid
在不可见但是强制所在单元格具有相同尺寸放置元素,不常见
Canvas
使用固定坐标绝对定位元素与Winform相似,没有提供锚定或停靠功能。
除了这些容器外,还有几个更专业的面板。如TabPanel面板、ToolbarPanel面板和VirtualizingStackPanel面板、InkCanvas控件等等。
2 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>使用StackPanel面板进行简单布局

StackPanel面板是嘴贱的布局容器之一。在单行或者单列中以堆栈方式放置其子元素。
  1. <Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  2. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  7. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  8. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  9. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  10. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  11. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  12. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  13. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  14. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  15. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  16. </Window>
复制代码
界面如下

默认情况下,StackPanel面板按照自上而下顺序排列元素,使每个元素的高度适合它的内容。在上个Demo中,所有元素都被拉伸到整个程序的宽度,如果加宽从窗口,StackPanel也会变宽,里边对应的元素也会拉伸自身。
Orientation属性:可以使面板水平排列元素
  1. [/code]界面如下
  2. [align=center][/align]
  3. 根据窗口的当前大小可能导致一些元素不适应、
  4. [size=5]2.1 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>布局属性[/size]
  5. [table][tr][td=1,1,184]名 <Button Margin="20,15,10,5" Content="第三个按钮"/>称
  6. [/td][td=1,1,495]说 <Button Margin="20,15,10,5" Content="第三个按钮"/>明
  7. [/td][/tr][tr][td=1,1,184]HorizontalAlignment
  8. [/td][td=1,1,495]水平方向有额外空间时,该属性决定了子元素在布局容器中如何定位,可选有Center <Button Margin="20,15,10,5" Content="第三个按钮"/>Left <Button Margin="20,15,10,5" Content="第三个按钮"/>Right <Button Margin="20,15,10,5" Content="第三个按钮"/>Stretch等属性
  9. [/td][/tr][tr][td=1,1,184]VerticalAlignment
  10. [/td][td=1,1,495]垂直方向有额外空间时,该属性决定了子元素在布局容器中如何定位,可选有Center <Button Margin="20,15,10,5" Content="第三个按钮"/>Left <Button Margin="20,15,10,5" Content="第三个按钮"/>Right <Button Margin="20,15,10,5" Content="第三个按钮"/>Stretch等属性
  11. [/td][/tr][tr][td=1,1,184]Margin
  12. [/td][td=1,1,495]设置对应边距,顺序分别为左上右下,如果两个的话为左右、上下
  13. [/td][/tr][tr][td=1,1,184]MinWidth和MinHeight
  14. [/td][td=1,1,495]设置元素的最小尺寸
  15. [/td][/tr][tr][td=1,1,184]MaxWidth和MaxHeight
  16. [/td][td=1,1,495]设置元素的最大尺寸
  17. [/td][/tr][tr][td=1,1,184]Width和Height
  18. [/td][td=1,1,495]设置元素的尺寸,宽度和高度,不能超过设置的最大值和最小值
  19. [/td][/tr][/table]所有的属性都从FrameworkElement基类继承而来。所以在WPF窗口中所使用的的所有图形小组件都支持这些属性。
  20. [size=5]2.2 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>对齐方式[/size]
  21. 对齐方式可以通过下述代码来实现,对齐方式可以分为Left <Button Margin="20,15,10,5" Content="第三个按钮"/>Right <Button Margin="20,15,10,5" Content="第三个按钮"/>Center <Button Margin="20,15,10,5" Content="第三个按钮"/>Stretch
  22. [code]<StackPanel>
  23. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Center" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  24. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Left" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  25. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Right" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  26. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  27. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  28. </StackPanel>
复制代码
界面如下

可以看到第一个元素居中,第二个元素居左,第三个元素居右。
2.3 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>边距(Margin)

当我们设置对应第四个元素的Margin属性时,可以看到对应边距
  1. [/code]上下左右边距分别为10个元素
  2. [align=center][/align]
  3. 当设置为10,5时
  4. [code]
复制代码
界面如下

当设置为四个元素时
  1. <Button Margin="20,15,10,5" Content="第三个按钮"/>
复制代码
界面如下

综上所述,当我们这只对应边距(Margin)时,可以分别设置为1,2,4时分别为:
一个时:上下左右分别为对应间距
两个时:左右为第一个、上下为第二个
四个时:分别为左上右下
2.4 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>最小尺寸、最大尺寸以及显式设置尺寸

最小尺寸设置为100时,最大尺寸设置为150时,代码和界面
  1. [/code][align=center][/align][align=center][/align]
  2. 最小尺寸为每个按钮的尺寸始终不能小于最小尺寸
  3. 最大尺寸为不能超过最大尺寸
  4. 如果最小宽度大于容器宽度时,按钮一部分将被裁剪掉。否则不允许按钮比Panel面板更宽
  5. [size=6]3 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>WrapPanel和DockPanel面板[/size]
  6. [size=5]3.1 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>WrapPanel <Button Margin="20,15,10,5" Content="第三个按钮"/>面板[/size]
  7. WrapPanel面板以一次一行或者一列方式部署控件。默认情况下,WrapPanel的Orientation属性为Horizontal,控件从左向右进行排列,再在下一行中排列。将其属性设置为Vertical,从而在多个列中放置元素。
  8. 代码和界面
  9. [code]<Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  10. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  11. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  12. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  13. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  14. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  15. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  16. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  17. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  18. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  19. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  20. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  21. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  22. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  23. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  24. </Window>
复制代码
界面如下

WrapPanel是唯一一个不能通过灵活使用Grid面板代替的容器
3.2 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>DockPanel面板

DockPanel沿着一条外边缘来拉伸所包含的控件。通过对应的附加属性选择靠边,可将对应属性设置为Left,Right,Top,和Bottom。放在DockPanel面板的每个元素都会自动获取该属性。
代码和界面如下
  1. <Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  2. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  7. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  8. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  9. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  10. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  11. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  12. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  13. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  14. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  15. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  16. </Window>
复制代码
界面如下

如果说对应一个里边包含了多个元素可以分别设置
  1. <Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  2. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  7. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  8. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  9. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  10. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  11. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  12. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  13. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  14. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  15. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  16. </Window><StackPanel>
  17. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Center" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  18. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Left" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  19. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Right" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  20. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  21. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  22. </StackPanel><StackPanel>
  23. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Center" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  24. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Left" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  25. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Right" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  26. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  27. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  28. </StackPanel> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>
复制代码
<Button Margin="20,15,10,5" Content="第三个按钮"/>界面如下

3.3 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>嵌套布局容器

布局容器也是可以嵌套的。如创建一个标准对话框,右下角为确认和返回按钮,并在剩余部分创建对应文字说明。
1 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>创建StackPanel,将亮哥按钮放置一块
2 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>在DockPanel放置StackPanel <Button Margin="20,15,10,5" Content="第三个按钮"/>并停靠下边
3 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>将DockPanel的LastChildFill设置为True
4 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>设置边距属性,提供一定的空白空间
如下代码
  1. <Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  2. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  7. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  8. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  9. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  10. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  11. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  12. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  13. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  14. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  15. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  16. </Window><StackPanel>
  17. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Center" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  18. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Left" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  19. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Right" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  20. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  21. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  22. </StackPanel> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>
复制代码
界面如下

3.4 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>Grid面板

Grid是WPF中最强大的布局容器。很多使用其他完成的用Grid都可以完成。Grid是可以将面板分为几行几列的网格。Grid虽然不可见但是可以将Grid.ShowGridLines属性设置为True。方便调试。
创建Grid需要设置对应的行列,随后填充对应内容。
  1. <Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  2. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  7. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  8. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  9. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  10. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  11. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  12. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  13. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  14. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  15. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  16. </Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  17. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  18. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  19. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  20. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  21. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  22. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  23. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  24. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  25. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  26. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  27. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  28. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  29. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  30. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  31. </Window> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>
复制代码
界面如下

这是Grid的布局,此时我们可以开始向Grid中填充元素。比如我们向第二行第三列中添加一个显示内容为"点击我"的按钮
  1. [/code]界面如下
  2. [align=center][/align]
  3. [b]调整行和列[/b]
  4. Grid面板支持三种设置尺寸的方式:
  5. [list]
  6. [list]
  7. [*]绝对设置尺寸方式 <Button Margin="20,15,10,5" Content="第三个按钮"/>如:Width=“100”
  8. [*]自动设置尺寸方式 <Button Margin="20,15,10,5" Content="第三个按钮"/>如:Width=“Auto”
  9. [*]按照比例设置尺寸方式 <Button Margin="20,15,10,5" Content="第三个按钮"/>如:Width=“*”
  10. [/list]
  11. [/list][code] <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>
复制代码

自动设置
  1. <Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  2. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  7. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  8. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  9. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  10. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  11. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  12. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  13. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  14. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  15. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  16. </Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  17. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  18. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  19. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  20. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  21. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  22. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  23. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  24. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  25. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  26. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  27. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  28. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  29. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  30. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  31. </Window>
复制代码
界面如下

3.5 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>UniformGrid <Button Margin="20,15,10,5" Content="第三个按钮"/>和 <Button Margin="20,15,10,5" Content="第三个按钮"/>Canvas面板

3.5.1 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>UniformGrid面板

UniformGrid不同于Grid <Button Margin="20,15,10,5" Content="第三个按钮"/>不需要设置对应行列,设置简单Rows和Columns来设置尺寸即可。
比如:
  1. <Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  2. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  7. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  8. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  9. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  10. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  11. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  12. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  13. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  14. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  15. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  16. </Window><StackPanel>
  17. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Center" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  18. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Left" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  19. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Right" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  20. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  21. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  22. </StackPanel> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>
复制代码
<Button Margin="20,15,10,5" Content="第三个按钮"/>界面如下

3.5.2 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>Canvas <Button Margin="20,15,10,5" Content="第三个按钮"/>面板

Canvas面板允许使用精确的坐标放置元素。需要设置Canvas.Left和Canvas.Top附加属性,Left属性设置元素左边和Canvas面板左边之间的单位数。从左上角(0,0)开始到右下角分别为X,Y。
如下代码:
  1. <StackPanel>
  2. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Center" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  3. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Left" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  4. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Right" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  5. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  6. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  7. </StackPanel><StackPanel>
  8. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Center" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  9. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Left" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  10. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Right" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  11. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  12. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  13. </StackPanel>
复制代码
<Button Margin="20,15,10,5" Content="第三个按钮"/>界面如下:

按照画布的坐标点布局。
其中Z顺序
  1. [/code] <Button Margin="20,15,10,5" Content="第三个按钮"/>同样的坐标体系,当ZIndex较大时,才会显示在最顶层。当设置第一个元素的ZIndex为2时,界面显示的名称是“(10,10)1”
  2. [size=5]3.6 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>布局Demo[/size]
  3. 行列设置:
  4. [code]<Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  5. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  6. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  7. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  8. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  9. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  10. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  11. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  12. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  13. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  14. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  15. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  16. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  17. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  18. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  19. </Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  20. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  21. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  22. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  23. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  24. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  25. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  26. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  27. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  28. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  29. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  30. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  31. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  32. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  33. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  34. </Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  35. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  36. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  37. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  38. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  39. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  40. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  41. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  42. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  43. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  44. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  45. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  46. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  47. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  48. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  49. </Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  50. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  51. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  52. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  53. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  54. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  55. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  56. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  57. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  58. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  59. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  60. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  61. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  62. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  63. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  64. </Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  65. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  66. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  67. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  68. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  69. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  70. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  71. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  72. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  73. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  74. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  75. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  76. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  77. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  78. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  79. </Window> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>
复制代码
<Button Margin="20,15,10,5" Content="第三个按钮"/>界面如下:


Demo2
  1. <Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  2. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  7. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  8. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  9. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  10. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  11. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  12. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  13. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  14. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  15. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  16. </Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  17. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  18. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  19. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  20. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  21. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  22. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  23. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  24. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  25. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  26. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  27. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  28. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  29. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  30. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  31. </Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  32. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  33. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  34. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  35. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  36. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  37. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  38. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  39. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  40. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  41. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  42. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  43. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  44. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  45. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  46. </Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  47. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  48. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  49. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  50. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  51. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  52. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  53. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  54. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  55. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  56. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  57. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  58. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  59. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  60. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  61. </Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  62. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  63. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  64. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  65. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  66. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  67. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  68. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  69. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  70. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  71. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  72. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  73. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  74. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  75. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  76. </Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  77. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  78. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  79. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  80. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  81. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  82. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  83. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  84. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  85. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  86. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  87. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  88. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  89. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  90. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  91. </Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  92. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  93. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  94. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  95. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  96. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  97. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  98. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  99. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  100. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  101. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  102. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  103. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  104. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  105. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  106. </Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  107. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  108. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  109. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  110. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  111. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  112. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  113. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  114. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  115. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  116. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  117. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  118. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  119. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  120. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  121. </Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
  122. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  123. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  124. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  125. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  126. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>xmlns:local="clr-namespace:Demo_Layout"
  127. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>mc:Ignorable="d"
  128. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>Title="MainWindow" <Button Margin="20,15,10,5" Content="第三个按钮"/>Height="150" <Button Margin="20,15,10,5" Content="第三个按钮"/>Width="200">
  129. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><StackPanel>
  130. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  131. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  132. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  133. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  134. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  135. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/></StackPanel>
  136. </Window><StackPanel>
  137. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Center" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是StackPanel布局"/>
  138. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Left" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
  139. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Right" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第二个按钮"/>
  140. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第三个按钮"/>
  141. <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/><Button <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第四个按钮"/>
  142. </StackPanel> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/>
复制代码
<Button Margin="20,15,10,5" Content="第三个按钮"/>界面



来源:https://www.cnblogs.com/iceamos/archive/2023/03/02/17171564.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 <Button Margin="20,15,10,5" Content="第三个按钮"/>我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

举报 回复 使用道具