WPF使用WrapPanel環(huán)繞面板布局

更新時(shí)間：2022年02月25日 10:40:19 作者：.NET開發(fā)菜鳥

這篇文章介紹了WPF使用WrapPanel環(huán)繞面板布局的方法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

WrapPanel：環(huán)繞面板

WrapPanel布局面板將各個(gè)控件從左至右按照行或列的順序羅列，當(dāng)長度或高度不夠時(shí)就會(huì)自動(dòng)調(diào)整進(jìn)行換行，后續(xù)排序按照從上至下或從右至左的順序進(jìn)行。

Orientation——根據(jù)內(nèi)容自動(dòng)換行。當(dāng)Orientation屬性的值設(shè)置為 Horizontal：元素是從左向右排列的，然后自上至下自動(dòng)換行。當(dāng)Orientation屬性的值設(shè)置為Vertical：元素是從上向下排列的，然后從左至右自動(dòng)換行。
ItemHeight——所有子元素都一致的高度。每個(gè)子元素填充高度的方式取決于它的VerticalAlignment屬性、Height屬性等。任何比ItemHeight高的元素都將被截?cái)唷?/li>
ItemWidth——所有子元素都一致的寬度。每個(gè)子元素填充高度的方式取決于它的VerticalAlignment屬性、Width屬性等。任何比ItemWidth高的元素都將被截?cái)唷?/li>

1、Orientation屬性的值設(shè)置為 Horizontal

示例效果圖如下2圖所示，圖1是窗體寬度較小時(shí)候的效果，圖2是窗體寬度拉大以后的效果

圖1

圖2

使用XAML代碼實(shí)現(xiàn)：

<Window x:Class="WpfDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="WrapPanel面板" Height="237" Width="525" WindowStartupLocation="CenterScreen">
    <WrapPanel Orientation="Horizontal">
        <Button Width="100">按鈕1</Button>
        <Button Width="100">按鈕2</Button>
        <Button Width="100">按鈕3</Button>
        <Button Width="100">按鈕4</Button>
        <Button Width="100">按鈕5</Button>
        <Button Width="100">按鈕6</Button>
    </WrapPanel>    
</Window>

2、Orientation屬性的值設(shè)置為Vertical

示例效果圖如下2圖所示，圖1是窗體高度較大時(shí)候的效果，圖2是窗體高度較小時(shí)的效果

圖1

圖2

使用XAML代碼實(shí)現(xiàn)：

<Window x:Class="WpfDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="WrapPanel面板" Height="237" Width="525" WindowStartupLocation="CenterScreen">
    <WrapPanel Orientation="Vertical">
        <Button Width="100">按鈕1</Button>
        <Button Width="100">按鈕2</Button>
        <Button Width="100">按鈕3</Button>
        <Button Width="100">按鈕4</Button>
        <Button Width="100">按鈕5</Button>
        <Button Width="100">按鈕6</Button>
    </WrapPanel>    
</Window>

到此這篇關(guān)于WPF使用WrapPanel環(huán)繞面板布局的文章就介紹到這了。希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: