1、stackpanel:顧名思義 堆疊面板，通過orientation屬性設定子元素的布局排列方向為「vertical」（垂直）和「horizontal」（水平），不寫其預設值為「vertical」，當設定為「vertical」時子元素會沿水平方向拉伸，反之設定為「horizontal」時子元素會沿垂直方向拉伸。
12"效果圖：button1
">3"
button2
">4"
button3
">5"
button4
">
6
6效果圖：
2、dockpanel：支援子元素停靠在面板的任意一條邊上，通過附加屬性dock控制他們的停靠位置（left、top、right、bottom），填充空間按照「先到先得」的原則，最後乙個加入面板的子元素將填滿剩下的空間，如不想將最後加入面板的元素填滿剩下的空間將屬性lastchildfill值設為「false」，預設為「true」。
12"效果圖：button1
" dockpanel.dock="
top" background="
aqua
">3"
button2
" dockpanel.dock="
left
" background="
blue
">4"
button3
" dockpanel.dock="
bottom
" background="
crimson
">5"
button4
" dockpanel.dock="
right
" background="
gold
">6"
button5
" background="
greenyellow
">
7
7效果圖：
效果圖：
WPF幾種布局小結
grid 網格。可以自定義行和列並通過行列的數量 行高和行寬來調整控制項的布局，類似於html中的table。stackpanel 棧式模板。可將包含的元素在豎直或水平方向上排成一條直線，當移除乙個元素後，後面的元素會自動向前移動以填充空缺。canvas 畫布。內部元素可以使用以畫素為單位的絕對座標...
幾種布局方式
1.固定布局 方法裡把加好，然後根據設計稿設定相應的寬度即可，其他地方類似於pc端。優點 思路沿用pc端，上手比較快 缺點 大屏手機顯示網頁比較寬，而固定布局寬度參照永遠是固定的寬度 設計稿的大小 導致左右兩邊會有空白。手機橫屏的時候兩邊空白更亮。2.流動布局 方法適用百分比 做單位。優點 能更很好...
等高布局的幾種方式
等高布局是指子元素在父元素中高度相等的布局方式。等高布局的實現包括偽等高和真等高，偽等高只是看上去等高而已，真等高是實實在在的等高。邊框模擬 負margin這兩種偽等高以及table實現 absolute實現 flex實現 grid實現和js判斷這五種真等高布局 邊框模擬 因為元素邊框和元素高度始終...