WPF的轉賬頁面

基於XAML語言的頁面，見截圖：

首先，使用網格佈局，設置網格的最外層，自定義網格的行數爲四行，以及設置網格的行高比例。第零行，佈局“姓名”、“房號”、“備註”等文本塊。第一行，佈局“賬單”、“費用分類”、“交易代碼”、“起始時間”、“終止時間”、“餐點”、“原房號”、“原賬戶”。第二行，佈局“目的賬戶”、“賬單”。見截圖：

第零行，通過Border佈局，設置Border的邊框（BorderBrush）顏色爲白色，邊框的厚度爲一，設置Border的外邊距（Margin）爲三。在Border的裏面佈局網格（Grid）,自定義網格的列數爲六列，以及網格的列寬比例。TextBlock用於顯示少量提供一個輕量控制流內容。TextBox表示可用於顯示或編輯非格式化文本的控件。即佈局“姓名”、“房號”、“備註”。自定義TextBlock的Style樣式，使文字分別爲水平（HorizontalAlignment）向右（Right），讓文字垂直（VerticalAlignment）居中（Center），設置字體的大小（FontSize）爲十三，以及字體的顏色（Foreground）。見截圖：


第一行，TabControl表示包含多個項的控件，這些項共享屏幕上的同一空間，即交易選擇、瀏覽。TabItem表示在TabControl內的某個可選項。Header即每個控件的標頭的數據。在Border裏面重新自定義網格爲八行兩列。用於佈局“賬單”、“費用分類”、“交易代碼”、“起始時間”、“終止時間”、“餐點”、“原房號”、“原賬戶”等文本信息。見截圖：


第二行，也是通過Border佈局，自定義網格的列數爲四列，用於佈局“目的賬戶”、“賬單”等信息。引用Style的公共樣式。見截圖：


總的執行結果，見頭部的第一張截圖。