WPF教程四 布局之DockPanel面板

2021-09-07 08:40:16 字數 1704 閱讀 1900

dockpanel:停靠面板

dockpanel定義乙個區域,在此區域中,您可以使子元素通過描點的形式排列,這些物件位於 children 屬性中。停靠面板類似於winform中控制項的dock屬性。dockpanel會對每個子元素進行排序,並將根據指定的邊進行停靠,多個停靠在同側的元素則按順序排序。在dockpanel中,指定停靠邊的控制項,會根據定義的順序占領邊角,所有控制項絕不會交疊。

預設情況下,後新增的元素只能使用剩餘空間,無論對dockpanel的最後乙個子元素設定任何停靠值,該子元素都將始終填滿剩餘的空間。如果不希望最後乙個元素填充剩餘區域,可以將dockpanel屬性lastchildfill設定為false,還必須為最後乙個子元素顯式指定停靠方向。

1、填充整個剩餘空間

使用xaml**實現:

1

"wpfdemo.mainwindow

"2 xmlns="

"3 xmlns:x="

"4 title="

dockpanel面板

" height="

237" width="

525" windowstartuplocation="

centerscreen

">56

"left

" content="

buttonleft

">7"

top" content="

buttontop

">8"

right

" content="

buttonright

">9"

bottom

" content="

buttonbottom

">10"

buttontop

">

1112

2、最後元素不填充剩餘空間

使用xaml**實現:

1

"wpfdemo.mainwindow

"2 xmlns="

"3 xmlns:x="

"4 title="

dockpanel面板

" height="

237" width="

525" windowstartuplocation="

centerscreen

">5"

false

">6"

left

" content="

buttonleft

">7"

top" content="

buttontop

">8"

right

" content="

buttonright

">9"

bottom

" content="

buttonbottom

">10"

top" content="

最後乙個button不填充剩餘空間

">

1112

WPF教程五 布局之Canvas面板

canvas 畫布面板 畫布,用於完全控制每個元素的精確位置。他是布局控制項中最為簡單的一種,直接將元素放到指定位置,主要來布置圖面。使用canvas,必須指定乙個子元素的位置 相對於畫布 否則所有元素都將出現在畫布的左上角。調整位置用left right top和bottom四個附加屬性。如果ca...

WPF布局 布局屬性(四)

在wpf布局框架中,如果標籤不設定布局屬性,系統預設為填充模式。當然,我們可以通過一系列標籤的屬性來達到布局標籤的作用。最常見的屬性是width和height,是指定標籤的寬和高。minwidth,minheight是指標籤的最小寬度和最小高度,即使父容器的寬和高小於這個數字,標籤也保持這個值。ma...

WPF 之 布局(三)

六 dockpanel dockpanel定義乙個區域,在此區域中,您可以使子元素通過描點的形式排列,這些物件位於 children 屬性中。停靠面板其實就是在winform類似於dock屬性的元 素。dockpanel會對每個子元素進行排序,並停靠在面板的一側,多個停靠在同側的元素則按順序排序。如...