WPF使用WrapPanel環(huán)繞面板布局
WrapPanel:環(huán)繞面板
WrapPanel布局面板將各個控件從左至右按照行或列的順序羅列,當(dāng)長度或高度不夠時就會自動調(diào)整進行換行,后續(xù)排序按照從上至下或從右至左的順序進行。
- Orientation——根據(jù)內(nèi)容自動換行。當(dāng)Orientation屬性的值設(shè)置為 Horizontal:元素是從左向右排列的,然后自上至下自動換行。當(dāng)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é)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
詳解開源免費且穩(wěn)定實用的.NET PDF打印組件itextSharp(.NET組件介紹之八)
本篇文章主要介紹了.NET PDF打印組件itextSharp。.NET中實現(xiàn)PDF打印的組件比較多,例如PDFsharp、Report.NET、sharpPDF、itextSharp等等,今天主要簡單的介紹itextSharp組件。有興趣的可以了解一下。2016-12-12.net生成縮略圖及水印圖片時出現(xiàn)GDI+中發(fā)生一般性錯誤解決方法
這篇文章主要介紹了.net生成縮略圖及水印圖片時出現(xiàn)GDI+中發(fā)生一般性錯誤解決方法 ,需要的朋友可以參考下2014-11-11c# .net在WEB頁中的COOKIES設(shè)置技巧
c# .net在WEB頁中的COOKIES設(shè)置技巧,需要的朋友可以參考下。2011-07-07Repeater綁定dictionary數(shù)據(jù)源代碼及報錯解決
為大家講解下Repeater綁定dictionary數(shù)據(jù)源以及報錯處理的方法,感興趣的朋友可以參考下哈,希望對你有所幫助2013-04-04WPF實現(xiàn)文本描邊+外發(fā)光效果的示例代碼
這篇文章主要介紹了如何利用WPF實現(xiàn)文本描邊以及外發(fā)光的效果,文中的示例代碼講解詳細,對我們學(xué)習(xí)有一定幫助,需要的可以參考一下2022-03-03