欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2022年02月25日 10:40:19   作者：.NET開發(fā)菜鳥  
這篇文章介紹了WPF使用WrapPanel環(huán)繞面板布局的方法，文中通過示例代碼介紹的非常詳細。對大家的學(xué)習或工作具有一定的參考借鑒價值，需要的朋友可以參考下

WrapPanel：環(huán)繞面板

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

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

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

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

圖1

圖2

使用XAML代碼實現(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是窗體高度較大時候的效果，圖2是窗體高度較小時的效果

圖1

圖2

使用XAML代碼實現(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)繞面板布局的文章就介紹到這了。希望對大家的學(xué)習有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論