WPF--系列开发经验分享(1)
作者:互联网
那啥,开发经验分享这个系列算是即将起航了,我会坚持做下去的,第一篇那我们就讲讲常见界面布局的几种情况吧,上硬的!
1.左栏右文式,顾名思义,左边菜单右边正文,一般适用于大部分功能的客户端,比如说社交应用、娱乐应用这种功能或是分类比较多的。
1 <DockPanel> 2 <Grid DockPanel.Dock="Left"> 3 <!--菜单--> 4 </Grid> 5 <Grid> 6 <!--正文--> 7 </Grid> 8 </DockPanel>展开查看
2.左栏上栏剩余文式,左部一个导航栏,顶部一个菜单,剩下的地方是正文,这种布局在一些办公软件中很常见。
展开查看1 <DockPanel> 2 <Menu DockPanel.Dock="Top"> 3 <MenuItem Header="开始"/> 4 </Menu> 5 <DockPanel> 6 <Grid DockPanel.Dock="Left"> 7 8 </Grid> 9 <Grid> 10 11 </Grid> 12 </DockPanel> 13 </DockPanel>
3.菜单顶栏与底栏式,顶部一个菜单,菜单下一个顶栏,窗口底下一个底栏,剩下地方是内容,这是典型的Visual Studio布局嘛。
1 <DockPanel> 2 <Menu DockPanel.Dock="Top"/><!--顶部菜单--> 3 <Grid DockPanel.Dock="Bottom"> 4 <!--底栏--> 5 </Grid> 6 <Grid> 7 <!--内容--> 8 </Grid> 9 </DockPanel>展开查看
4.上下左右式,顶部菜单+顶栏,左侧导航,右侧面板,底部状态栏,这是WPS的布局没错了。
1 <DockPanel> 2 <DockPanel DockPanel.Dock="Top"> 3 <Menu DockPanel.Dock="Top"/> 4 <Grid> 5 <!--顶栏--> 6 </Grid> 7 </DockPanel> 8 <Grid DockPanel.Dock="Bottom"> 9 <!--底栏--> 10 </Grid> 11 <DockPanel> 12 <Grid DockPanel.Dock="Left"> 13 <!--左侧导航栏--> 14 </Grid> 15 <Grid DockPanel.Dock="Right"> 16 <!--右侧面板--> 17 </Grid> 18 <Grid> 19 <!--正文--> 20 </Grid> 21 </DockPanel> 22 </DockPanel>展开查看
今天就先讲这么多,更多知识可以跟踪这个系列哦
Catrol
2020.02.20 21:52
标签:菜单,系列,21,查看,布局,WPF,分享,展开,左栏 来源: https://www.cnblogs.com/Catrol/p/12337665.html