WPF布局篇--ViewBox布局

WPF布局篇--ViewBox布局
前⾔
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中最多只能放⼀个控件，其与其他控件组合使⽤，可以达到较好的效果，动⼿测试使⽤，体会会更深；。