其他分享
首页 > 其他分享> > 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中最多只能放一个控件,其与其他控件组合使用,可以达到较好的效果,动手测试使用,体会会更深;

标签:控件,界面,效果,缩放,--,布局,WPF,ViewBox
来源: https://www.cnblogs.com/ramo/p/13500563.html