主要有5種：

1、StackPanel

這種佈局是按照子控制元件的順序逐個按順序排隊顯示，可以設定排隊的方式

下面的程式碼是水平排隊展示：

        <StackPanel Orientation="Horizontal">
            <Button Width="100" Height="20" Content="test"></Button>
            <Button Width="100" Height="20" Content="test"></Button>
            <Button Width="
 
100" Height="20" Content="test"></Button>
            <Button Width="100" Height="20" Content="test"></Button>
        </StackPanel>

顯示效果如下：

下面的程式碼是垂直排隊展示：

        <StackPanel Orientation="Vertical">
            <Button Width="100" Height="20" Content="test"></Button>
            <Button Width="
 
100" Height="20" Content="test"></Button>
            <Button Width="100" Height="20" Content="test"></Button>
            <Button Width="100" Height="20" Content="test"></Button>
        </StackPanel>

效果如下：

2、WrapPanel

跟StackPanel的用法基本一致，只不過多一個功能，就是換行，在StackPanel裡是不會換行的，如果超過了介面的範圍，就不顯示了，但是WrapPanel是會自動換行的，如下圖：

程式碼如下：

        <WrapPanel Orientation="Horizontal">
            <Button Width="300" Height="20" Content="test"></Button>
            <Button Width="300" Height="20" Content="test"></Button>
            <Button Width="300" Height="20" Content="test"></Button>
            <Button Width="300" Height="20" Content="test"></Button>
        </WrapPanel>

3、WrapPanel

可以像winform那像控制控制元件在左、右、上、下的頂端排列，如下：

        <DockPanel  LastChildFill="False">
            <Button Width="100" DockPanel.Dock="Left" Height="20" Content="test"></Button>
            <Button Width="100" DockPanel.Dock="Top" Height="20" Content="test"></Button>
            <Button Width="100" DockPanel.Dock="Right" Height="20" Content="test"></Button>
            <Button Width="100" DockPanel.Dock="Bottom" Height="20" Content="test"></Button>
        </DockPanel>

效果圖如下：

4、Grid

這個我用得比較多，詳細的就不記了，只記關鍵的吧

可以使用 width="2*"，這樣的方式來按比例設定寬度

5、Canvas

這個是用來把控制元件放到絕對位置上，這個我也用過，就不記錄了