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