目錄

WrapPanel

WrapPanel類

XAML范例：

C#代碼

---

WrapPanel

按從左到右的順序位置定位子元素，在包含框的邊緣處將內容切換到下一行。后續排序按照從上至下或從右至左的順序進行，具體取決于Orientation屬性的值。

WrapPanel包含UIElement對象的集合，這些對象位于Children屬性中。

WrapPanel的所有子元素都接收ItemWidth與ItemHeight大小相乘的布局分區。

---

WrapPanel類

cellpadding="1" cellspacing="1">

名稱	備注	權限
ItemHeightProperty	標識ItemHeight依賴項屬性	public
ItemWidthProperty	標識ItemWidth依賴項屬性	public
OrientationProperty	標識Orientation依賴項屬性	public

名稱	備注	權限
ItemHeight	獲取或設置一個值，該值指定WrapPanel中所含全部項的高度	public
ItemWidth	獲取或設置一個值，該值指定WrapPanel中所含全部項的寬度	public
Orientation	獲取或設置一個值，該值指定子內容的排列方向	public

名稱	備注	權限
ArrangeOverride	獲取或設置網格中的列數	public
MeasureOverride	獲取或設置網格第一行中前導空白單元格的數量	public

---

XAML范例：

<Window x:Class="WrapPanel.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WrapPanel"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <WrapPanel ItemHeight="120" ItemWidth="200" Orientation="Vertical">
            <Button Content="Btn1" />
            <Button Content="Btn2" />
            <Button Content="Btn3" />
            <Button Content="Btn4" />
        </WrapPanel>
    </Grid>
</Window>

Orientation=”Horizontal”

---

當寬度或長度不一的時候，可以利用HorizontalAlignment或VerticalAlignment。

<Window x:Class="WrapPanel.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WrapPanel"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <WrapPanel ItemHeight="120" ItemWidth="200" Orientation="Vertical">
            <Button Content="Btn1" />
            <Button Content="Btn2" Width="100" HorizontalAlignment="Left"/>
            <Button Content="Btn3" Width="100" HorizontalAlignment="Right"/>
            <Button Content="Btn4" />
        </WrapPanel>
    </Grid>
</Window>

---

C#代碼

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WrapPanelDemo
{
    /// <summary>
    /// MainWindow.xaml 的交互邏輯
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            WrapPanel wrapPanel = new WrapPanel();

            for (int i = 1; i < 9; i++)
            {
                Button button = new Button();
                button.Content = "Btn" + (i);
                wrapPanel.Children.Add(button);
            }
            wrapPanel.Orientation = Orientation.Horizontal;
            wrapPanel.ItemHeight = 120;
            wrapPanel.ItemWidth = 200;

            ((this as Window).Content as Grid).Children.Add(wrapPanel);
        }
    }
}