WPF幾種布局小結

2021-10-19 15:01:55 字數 1057 閱讀 4691

grid:網格。可以自定義行和列並通過行列的數量、行高和行寬來調整控制項的布局,類似於html中的table。

stackpanel:棧式模板。可將包含的元素在豎直或水平方向上排成一條直線,當移除乙個元素後,後面的元素會自動向前移動以填充空缺。

canvas:畫布。內部元素可以使用以畫素為單位的絕對座標進行定位,類似於windows form程式設計的布局方式。

dockpanel:泊靠式面板。內部元素可以選擇泊靠方向,類似於windows form程式設計中設定控制項的dock屬性。

grid布局舉例:

效果展示:

stackpanel布局舉例:

效果展示:

canvas布局舉例:(布局座標被固定,不能輕易改變)

效果展示:

dockpanel布局舉例:(自動補充空餘部分)

效果展示:

效果展示:

以上內容**

需要注意的幾個問題:

1.窗體的整體布局用dockpanel

2.自動填充的dockpanel裡面放grid的時候才會自動填充滿,放其它的布局控制項不管用

3.控制項需要重疊的時候,用grid,這樣把上面的控制項動態隱藏了以後,下面的控制就會顯示出來,用其它布局控制項就算把前面的控制項隱藏了,後面的控制項也不會顯示出來。

WPF的幾種布局方式

1 stackpanel 顧名思義 堆疊面板,通過orientation屬性設定子元素的布局排列方向為 vertical 垂直 和 horizontal 水平 不寫其預設值為 vertical 當設定為 vertical 時子元素會沿水平方向拉伸,反之設定為 horizontal 時子元素會沿垂直方...

WPF之路 WPF布局系統

0,什麼是布局 這是乙個很簡單的問題。簡單來說,就是把一些控制項有條理的擺放在介面上合適的位置,顯然擺的亂七八糟不能算布局。在wpf中,這個條理與winform中略有不同,讓我們看個很簡單的介面 這樣子的介面大家在熟悉不過了。依圖所示,wpf先用藍線 假設的線 將介面劃分為上下兩部分,然後再有紅線劃...

WPF之路 WPF布局系統

前言 前段時間忙了一陣子google earth,這週又忙了一陣子架構師 開題報告,現在終於有時間繼續從helloworld到wpf world 中,我們對wpf有了個大概的了解,並了解了初學wpf時應該從哪些知識點入手。今天我們就從最基本的知識點之一布局系統來繼續學習wpf,主要包括如下內容。0,...