wpf之WrapPanel

前言

WrapPanel类似winform中的FlowLayoutPanel，采用流式布局。

1、Orientation

该属性指定WrapPanel中子空间布局的方向，有水平和垂直方向两种

1）Horizontal 水平方向

子元素Button按照水平方向排列，如果一行排满了自动换下一行

<Window x:Class="wpf之Canvas.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:wpf之Canvas"
        mc:Ignorable="d"
        Title="MainWindow" Height="200" Width ="200">

    <WrapPanel Orientation="Horizontal"    >
        <Button Width=" 50" Height=" 50" Content=" 1" />
        <Button Width=" 50" Height=" 50" Content=" 2" />
        <Button Width=" 50" Height=" 50" Content=" 3" />
        <Button Width=" 50" Height=" 50" Content=" 4" />
        <Button Width=" 50" Height=" 50" Content=" 5" />
    </WrapPanel >
</Window>

1）Vertical 垂直方向

子元素Button按照垂直方向排列，如果一列排满了自动换下一列

<Window x:Class="wpf之Canvas.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:wpf之Canvas"
        mc:Ignorable="d"
        Title="MainWindow" Height="200" Width ="200">

    <WrapPanel Orientation="Vertical"     >
        <Button Width=" 50" Height=" 50" Content=" 1" />
        <Button Width=" 50" Height=" 50" Content=" 2" />
        <Button Width=" 50" Height=" 50" Content=" 3" />
        <Button Width=" 50" Height=" 50" Content=" 4" />
        <Button Width=" 50" Height=" 50" Content=" 5" />
    </WrapPanel >
</Window>

马工撰写的年入30万+C#上位机项目实战必备教程（点击下方链接即可访问文章目录）

1、《C#串口通信从入门到精通》

2、《C#与PLC通信从入门到精通 》

3、《C# Modbus通信从入门到精通》

4、《C#Socket通信从入门到精通 》

5、《C# MES通信从入门到精通》

6、《winform控件从入门到精通》

7、《C#操作MySql数据库从入门到精通》