WPF学习笔记03-布局Layout
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抽象类的面板
https://cdn.nlark.com/yuque/0/2022/jpeg/29381992/1658756450933-725423c7-0cd6-4431-b920-63e58836a5fa.jpeg <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面板是嘴贱的布局容器之一。在单行或者单列中以堆栈方式放置其子元素。
<Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window>界面如下
https://cdn.nlark.com/yuque/0/2022/png/29381992/1658757847882-41e09eed-6f48-4ce1-9711-cb16bb5b7a3e.png
默认情况下，StackPanel面板按照自上而下顺序排列元素，使每个元素的高度适合它的内容。在上个Demo中，所有元素都被拉伸到整个程序的宽度，如果加宽从窗口，StackPanel也会变宽，里边对应的元素也会拉伸自身。
Orientation属性：可以使面板水平排列元素
界面如下
https://cdn.nlark.com/yuque/0/2022/png/29381992/1658758119293-a753451b-cdd9-4157-828a-ba23e6fe2267.png
根据窗口的当前大小可能导致一些元素不适应、
2.1 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>布局属性
名 <Button Margin="20,15,10,5" Content="第三个按钮"/>称
说 <Button Margin="20,15,10,5" Content="第三个按钮"/>明
HorizontalAlignment
水平方向有额外空间时，该属性决定了子元素在布局容器中如何定位，可选有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等属性
VerticalAlignment
垂直方向有额外空间时，该属性决定了子元素在布局容器中如何定位，可选有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等属性
Margin
设置对应边距，顺序分别为左上右下，如果两个的话为左右、上下
MinWidth和MinHeight
设置元素的最小尺寸
MaxWidth和MaxHeight
设置元素的最大尺寸
Width和Height
设置元素的尺寸，宽度和高度，不能超过设置的最大值和最小值
所有的属性都从FrameworkElement基类继承而来。所以在WPF窗口中所使用的的所有图形小组件都支持这些属性。
2.2 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>对齐方式
对齐方式可以通过下述代码来实现，对齐方式可以分为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
<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="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Center" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是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 <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Left" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
<Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,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="第四个按钮"/>
</StackPanel>界面如下
https://cdn.nlark.com/yuque/0/2022/png/29381992/1658758834977-da2e1245-3ee3-4be8-8231-85074049eee3.png
可以看到第一个元素居中，第二个元素居左，第三个元素居右。
2.3 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>边距（Margin）
当我们设置对应第四个元素的Margin属性时，可以看到对应边距
上下左右边距分别为10个元素
https://cdn.nlark.com/yuque/0/2022/png/29381992/1658759130281-08f2178d-d30c-4605-87b9-f525558b94a6.png
当设置为10,5时
界面如下
https://cdn.nlark.com/yuque/0/2022/png/29381992/1658759195237-bd19ee4a-c0b7-4d05-9573-0f681630192b.png
当设置为四个元素时
<Button Margin="20,15,10,5" Content="第三个按钮"/>界面如下
https://cdn.nlark.com/yuque/0/2022/png/29381992/1658759306697-ff9e681f-595e-4d6d-8fa5-a4529ce22d0b.png
综上所述，当我们这只对应边距（Margin）时，可以分别设置为1，2，4时分别为：
一个时：上下左右分别为对应间距
两个时：左右为第一个、上下为第二个
四个时：分别为左上右下
2.4 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>最小尺寸、最大尺寸以及显式设置尺寸
最小尺寸设置为100时，最大尺寸设置为150时，代码和界面
https://cdn.nlark.com/yuque/0/2022/png/29381992/1658759582890-8d29cb31-5e84-42f7-831e-b0c5d8ef838a.pnghttps://cdn.nlark.com/yuque/0/2022/png/29381992/1658759519589-64705647-88d4-464e-bf51-14e7d6cd5db0.png
最小尺寸为每个按钮的尺寸始终不能小于最小尺寸
最大尺寸为不能超过最大尺寸
如果最小宽度大于容器宽度时，按钮一部分将被裁剪掉。否则不允许按钮比Panel面板更宽
3 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>WrapPanel和DockPanel面板
3.1 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>WrapPanel <Button Margin="20,15,10,5" Content="第三个按钮"/>面板
WrapPanel面板以一次一行或者一列方式部署控件。默认情况下，WrapPanel的Orientation属性为Horizontal，控件从左向右进行排列，再在下一行中排列。将其属性设置为Vertical，从而在多个列中放置元素。
代码和界面
<Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window>界面如下
https://cdn.nlark.com/yuque/0/2022/png/29381992/1658761099043-11a844c8-c7a0-44e1-8efe-1d7c06d0e0dd.png
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面板的每个元素都会自动获取该属性。
代码和界面如下
<Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window>界面如下
https://cdn.nlark.com/yuque/0/2022/png/29381992/1658761667216-f6313c56-5ac3-4a4e-b2a3-75c59ef70d60.png
如果说对应一个里边包含了多个元素可以分别设置
<Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window><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="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Center" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是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 <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Left" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
<Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,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="第四个按钮"/>
</StackPanel><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="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Center" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是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 <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Left" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
<Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,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="第四个按钮"/>
</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="第三个按钮"/>界面如下
https://cdn.nlark.com/yuque/0/2022/png/29381992/1658761820452-fa19ee30-0b16-419a-868b-26810ba8cfb0.png
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="第三个按钮"/>设置边距属性，提供一定的空白空间
如下代码
<Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window><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="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Center" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是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 <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Left" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
<Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,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="第四个按钮"/>
</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="第三个按钮"/>界面如下
https://cdn.nlark.com/yuque/0/2022/png/29381992/1658762516265-79acc060-ffb5-4f88-bfcc-0e6b2d679212.png
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需要设置对应的行列，随后填充对应内容。
<Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</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="第三个按钮"/>界面如下
https://cdn.nlark.com/yuque/0/2022/png/29381992/1658763181165-d234898a-86a5-426a-981d-0f04dacd2307.png
这是Grid的布局，此时我们可以开始向Grid中填充元素。比如我们向第二行第三列中添加一个显示内容为"点击我"的按钮
界面如下
https://cdn.nlark.com/yuque/0/2022/png/29381992/1658763324320-78cef014-b16f-4c77-a199-bfb86fc5c68a.png
调整行和列
Grid面板支持三种设置尺寸的方式：
[*]绝对设置尺寸方式 <Button Margin="20,15,10,5" Content="第三个按钮"/>如：Width=“100”
[*]自动设置尺寸方式 <Button Margin="20,15,10,5" Content="第三个按钮"/>如：Width=“Auto”
[*]按照比例设置尺寸方式 <Button Margin="20,15,10,5" Content="第三个按钮"/>如：Width=“*”
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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://cdn.nlark.com/yuque/0/2022/png/29381992/1658763529775-ff467e9c-10af-44d3-a32c-1659755ecd6e.png
自动设置
<Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window>界面如下
https://cdn.nlark.com/yuque/0/2022/png/29381992/1658763917776-44deaf5d-ebef-4ee6-8ce8-e3a6002bfefc.png
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来设置尺寸即可。
比如：
<Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window><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="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Center" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是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 <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Left" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
<Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,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="第四个按钮"/>
</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://cdn.nlark.com/yuque/0/2022/png/29381992/1658764234844-4eb85d47-f802-42ff-9260-ade26a776a1e.png
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。
如下代码:
<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="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Center" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是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 <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Left" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
<Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,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="第四个按钮"/>
</StackPanel><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="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Center" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是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 <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Left" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
<Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,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="第四个按钮"/>
</StackPanel> <Button Margin="20,15,10,5" Content="第三个按钮"/>界面如下：
https://cdn.nlark.com/yuque/0/2022/png/29381992/1658764518645-ca4075ef-420a-478a-a05c-a96a718dbad1.png
按照画布的坐标点布局。
其中Z顺序
<Button Margin="20,15,10,5" Content="第三个按钮"/>同样的坐标体系，当ZIndex较大时，才会显示在最顶层。当设置第一个元素的ZIndex为2时，界面显示的名称是“（10,10）1”
3.6 <Button Margin="20,15,10,5" Content="第三个按钮"/>- <Button Margin="20,15,10,5" Content="第三个按钮"/>布局Demo
行列设置：
<Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</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="第三个按钮"/>界面如下：
https://cdn.nlark.com/yuque/0/2022/png/29381992/1658767760862-009f4eef-7e45-42c7-ae57-7e22b5276dad.png
Demo2
<Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window><Window <Button Margin="20,15,10,5" Content="第三个按钮"/>x:
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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"
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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">
<Button Margin="20,15,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>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,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布局"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第一个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,5" Content="第三个按钮"/> <Button Margin="20,15,10,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="第四个按钮"/>
<Button Margin="20,15,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>
</Window><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="第三个按钮"/><Label <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Center" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="这个是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 <Button Margin="20,15,10,5" Content="第三个按钮"/>HorizontalAlignment="Left" <Button Margin="20,15,10,5" Content="第三个按钮"/>Content="第一个按钮"/>
<Button Margin="20,15,10,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="第二个按钮"/>
<Button Margin="20,15,10,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="第三个按钮"/>
<Button Margin="20,15,10,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="第四个按钮"/>
</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://cdn.nlark.com/yuque/0/2022/png/29381992/1658768333500-ac1ad0ba-385d-40e7-b314-82d0c3bf64fb.png
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！
页:
[1]