UWP 開發入門小筆記（2）
鏈接：[ 全文章目錄 ]
一、理解相對佈局（Relative Panel）[p17]
這一部分主要講Layout Control API
quarrel：
應用頂部和左側，這些區域用於提供應用內的導航和服務，
這種導航模式稱爲漢堡導航/抽屜導航[hamburger navigation]
(一)Relative Panel，一種非線性UI的控件
定義了一塊用於仿製，對齊子元素與控件的區域
附加屬性[Attach Property]：
1.面板對齊關係[Panel Alignment Relationship]：將控件與面板對齊
2.同級對齊關係[Sibling Alignment Relationship]：同級元素的對齊
3.同級位置關係[Sibling Position Relationship]：用於放置同級元素
編程順序：
1.對齊到面板，對齊面板的左側或右側
2.同級對齊，控件間對齊
3.同級相對位置
RelativePanel.Below="RedRectangle" //在紅色矩形下面
RelativePanel.LeftOf="RedRectangle" //紅色矩形的左端對齊
RelativePanel.AlignRightwith="RedRectangle" //圖形右端對齊紅色矩形右端
RelativePanel.AlignLeftwith="RedRectangle" //圖形左端對齊綠色矩形左端
RelativePanel.AlignVerticalCenterWith="RedRectangle" //紅色矩形垂直方向居中對齊
RelativePanel.AlignRightWithPanel="True" //面板右對齊
RelativePanel.AlignHorizontalCenterWithPanel="True" //RelativePanel水平方向居中對齊
二、理解SplitView，實現漢堡菜單[p18]
創建一個可以隱藏的面板（帶動畫）
（一）DisplayMode
Inline推出效果
Overlay覆蓋效果
*CompactPaneLength：Pane默認露出多少，默認爲0
*OpenPaneLength：Pane暫時時露出多少（過小會導致Pane顯示不全）
（二）Pane——(分)隱藏在展示部分旁邊的部分
SplitView.Pane
（三）Content——(總)推開的用於展示的部分
SplitView.Content
三、導航功能（多界面）讓應用更加豐富[p19]
界面切換（前進、回退、回到主頁）、界面間的數據傳遞
App結構：application、window、frame、mainpage
App.xaml.cs~全局變量
OnNavigatedTo
四、基本XAML控件（1）[p20]
輸入控件
（一）複選框[checkbox]
（二）單選按鈕[radio button]
允許加入多個變量，組成組名稱[group names]
（三）組合框[comb box]
（四）列表框[list box]
（五）圖像控制[imagine control]
Stretch：
None時，爲原大小
Fill時，爲拉伸填滿
Uniform時，爲縮放(會留空)
UniformToFill
（六）切換按鈕[ToggleButton]
（七）撥動開關[toggle switch]
五、簡單漢堡導航[p21]
button圖標設置：
1.在性質FontFamily中按照（字符映射表中的）字體設置
圖標名稱可以通過系統搜索字符映射表找到
2.把性質Content按照字符映射表的名字填進去
這課看到第20p打下基礎差不多了。