WPF--系列开发经验分享（1）

2020-02-20 22:04:40 阅读：202 来源： 互联网

那啥，开发经验分享这个系列算是即将起航了，我会坚持做下去的，第一篇那我们就讲讲常见界面布局的几种情况吧，上硬的！

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

WPF--系列开发经验分享（1）