前言

ViewBox的作用是能夠縮放位於其中的控制元件，以達到更好的展示效果；如果做過winform架構應用開發，其進行佈局時，經常會有一個問題，當容器內部的控制元件超過容器的寬度，控制元件要麼被遮蓋、要麼被裁剪，很難達到預期的顯示效果，而且因winform的介面控制元件都是通過拖拽來進行佈局，屬於靜態佈局，很難做到響應式佈局，而WPF中的ViewBox則很好的完善了winfrom在這方面佈局中的不足，ViewBox常常與其他佈局控制元件組合使用，來達到較好介面效果；

1. ViewBox 進行佈局

以下程式碼示例，將一個表格放在Viewbox中，來達到同步縮放的效果：

 1
 
 <Viewbox>
 2                         <ListView Height="Auto" ScrollViewer.HorizontalScrollBarVisibility="Auto" >
 3                             <ListView.View>
 4                                 <GridView>
 5                                     <GridViewColumn Width="60">
 6
 
                                         <CheckBox>全選</CheckBox>
 7                                         <GridViewColumn.CellTemplate>
 8                                             <DataTemplate>
 9                                                 <CheckBox IsChecked="False
 
" />
10                                             </DataTemplate>
11                                         </GridViewColumn.CellTemplate>
12                                     </GridViewColumn>
13                                     <GridViewColumn Header="裝置名稱" Width="60"></GridViewColumn>
14                                     <GridViewColumn Header="型號" Width="60"></GridViewColumn>
15                                     <GridViewColumn Header="靈敏度" Width="60"></GridViewColumn>
16                                     <GridViewColumn  Width="60">
17                                         <CheckBox>取樣率</CheckBox>
18                                     </GridViewColumn>
19                                     <GridViewColumn  Width="60">
20                                         <CheckBox>解析度</CheckBox>
21                                     </GridViewColumn>
22                                     <GridViewColumn  Width="70">
23                                         <CheckBox>輸入方式</CheckBox>
24                                     </GridViewColumn>
25                                     <GridViewColumn  Width="70">
26                                         <CheckBox>同步方式</CheckBox>
27                                     </GridViewColumn>
28                                     <GridViewColumn  Width="70">
29                                         <CheckBox>加密方式</CheckBox>
30                                     </GridViewColumn>
31                                     <GridViewColumn  Width="60">
32                                         <CheckBox>祕鑰</CheckBox>
33                                     </GridViewColumn>
34                                     <GridViewColumn  Width="80">
35                                         <CheckBox>觸發方式</CheckBox>
36                                     </GridViewColumn>
37                                     <GridViewColumn  Width="70">
38                                         <CheckBox>負延遲(s)</CheckBox>
39                                     </GridViewColumn>
40                                     <GridViewColumn  Width="85">
41                                         <CheckBox>採集時長(s)</CheckBox>
42                                     </GridViewColumn>
43                                     <GridViewColumn  Width="70">
44                                         <CheckBox>觸發次數</CheckBox>
45                                     </GridViewColumn>
46                                 </GridView>
47                             </ListView.View>
48                         </ListView>
49                     </Viewbox>

介面效果如下，當介面的大小變化時，介面中的表格會同步進行縮放，而不會被遮蓋或裁剪：

ViewBox中最多隻能放一個控制元件，其與其他控制元件組合使用，可以達到較好的效果，動手測試使用，體會會更深；