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