技術標籤：WPFwpf

《小白日記》-WPF_UI五大高手
本篇主要介紹的是WPF武林中五大UI佈局高手（常用）。如下：
那麼接下來我們把幾大高手請到我們寒舍敘上一敘。
（VS世界：Visual Studio 2015；國家：WPF應用程式；寒舍：視窗介面）
（特別注意：由於五大高手凶神惡煞，每人都想爭奪武林盟主的位置，所以VS世界釋出規則，禁令五大高手不能同時出現在同一地方（名叫：平起平坐的地方，簡稱：統一等級），要想出現，必須是有一位高手登上武林盟主的時候，帶領其餘的才能同時出現，或者其餘高手投靠武林盟主了。）

裡面兩大高手就違背了世界規則。導致世界混亂。
五大UI佈局高手榜（實力不分先後，各有各的操作技能）

1. Grid：
   外號：網格
   人物介紹：定義由行和列組成的靈活網格區域。
   傳說：網格只帶了兩個堂主四名小弟就能組成一個田間小陣，殺人於無形。

<Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <
 
ColumnDefinition/>
        </Grid.ColumnDefinitions>
</Grid>

上面的堂主分別是<Grid.RowDefinitions></Grid.RowDefinitions>、<Grid.ColumnDefinitions></Grid.CoumnDefinitions>。
小弟：<RowDefinition/>、<ColumnDefinition/>，組陣法要求（只能一到兩位堂主，不能超過兩位，小弟無限）

田間陣法：整齊，士氣十足，殺傷力強大。
2. DockPanel：

<DockPanel LastChildFill="True">
        <Button Content="1" DockPanel.Dock="Top"/>
        <Button Content="2" DockPanel.Dock="Left"/>
        <Button Content="3" DockPanel.Dock="Bottom"/>
        <Button Content="4" DockPanel.Dock="Right" />
</DockPanel>

額，其實我也是空間掌控者，我把他們幾兄弟的組隊給縮小了……
3. StackPanel：
外號：棧式面板
人物介紹：預設垂直、水平排列，不會自動換行（有位孿生兄弟會自動換行）。
傳說：人馬強大，Orientation（軍師排陣）：設定水平、垂直。HorizontalAlignmen：輔助軍師設定水平，也可單槍匹馬上陣。手下（Left：左護衛，Right：右護衛，Center：中間一牧師，Stretch：預設不佔位置）；VerticalAlignment：輔助軍師設定垂直，也可單槍匹馬上陣。手下(Bottom:下方騎士，Top：上方天師，Center：中一牧師，Stretch：預設不佔位置)
棧式面板可以指揮手下時，軍師就不能指揮手下了。

<StackPanel Orientation="Horizontal" HorizontalAlignment="Left" VerticalAlignment="Center">
        <Button Content="1" HorizontalAlignment="Right"/>
        <Button Content="2" VerticalAlignment="Top"/>
        <Button Content="3" VerticalAlignment="Top"/>
        <Button Content="4" VerticalAlignment="Top"/>
</StackPanel>	

手下Button裡的排列無效，因為StackPanel正在使用手下排列。
4. Canvas：
外號：畫布畫板
人物介紹：用於控制每個元素的精確位置，調整上下左右位置，否則所有元素都會出現在左上角（預設）
Canvas. Left、Right、Top、Bottom//左右、上下方向不能相對，否則後者無效；
ClipToBounds：True（超出部分裁剪）、False

<Canvas>
        <Button Content="1" Canvas.Top="5"/>
        <Button Content="2" Canvas.Bottom="5" Canvas.Left="5"/>
        <Button Content="3" Canvas.Right="5" Canvas.Bottom="5"/>
        <Button Content="4"  Canvas.Top="5" Canvas.Right="5"/>
</Canvas>

分佈世界各個角落，一個方向不能控制準確的位置可以兩個，但是不要相對方向哦（陰陽相剋，水火不容，但是能開中藥調和。）
5. WrapPanel：
外號： 自動折行面板
人物介紹：從左到右按順序位置定位子元素，將內容斷開至下一行（所謂的換行來了），包括框的邊緣。
傳說：和孿生兄弟一樣，就是多個自動換行技能。人馬強大，Orientation（軍師排陣）：設定水平、垂直。HorizontalAlignmen：輔助軍師設定水平，也可單槍匹馬上陣。手下（Left：左護衛，Right：右護衛，Center：中間一牧師，Stretch：預設不佔位置）；VerticalAlignment：輔助軍師設定垂直，也可單槍匹馬上陣。手下(Bottom:下方騎士，Top：上方天師，Center：中一牧師，Stretch：預設不佔位置)
自動折行面板可以指揮手下時，軍師就不能指揮手下了。

<WrapPanel Orientation="Horizontal" VerticalAlignment="Bottom">
        <Button Content="1"/>
        <Button Content="2"/>
        <Button Content="3"/>
        <Button Content="4"/>
 </WrapPanel>

可能他是孿生哥哥吧，就當是比弟弟多了項技能。
武林UI佈局五大高手介紹完啦，你學廢了嘛！！！本臺（VS世界直播平臺）到此結束！感謝您聆聽我們的武林講解。