程序界面多模式显示的实现 (转)

多模式界面显示
本文介绍了一种通过调整窗口尺寸和布局来实现程序界面多模式显示的方法。提供了三种模式:正常显示、简洁显示(无视图)和精简显示(仅工具条)。通过获取窗口各组成部分的尺寸,动态调整窗口大小。
程序界面多模式显示的实现 (转)[@more@] 

程序界面多模式显示的实现XML:namespace prefix = o ns = "urn:schemas-microsoft-com:Office:office" />

作者:徐景周

下载相关示例源码( http://www.vchelp.NET/itbookreview/view_paper.ASP?paper_id=311 )

 

word" />dbottom">
  如果你用过Realplayer播放器的话,那就一定对它的多模式显示方式不会陌生吧!RealPlayer拥有正常和精简两种显示模式。我们有时也想在自己的程序界面上实现类似的功能,该怎样实现呢?下面拿我用VC6.0做的一个多模式显示程序示例来向大家展示,它是怎样实现类似功能的。如下图所示:(图一) 正常显示模式;(图二)简洁显示模式,无视图;(图三),精简显示模式,仅工具条。

 


图一 


 

 



图二 

 


图三

 

 

基本构成思想:

实现原理很简单,只要分别获取窗体大小、客户区大小、工具条大小、状态条大小、边框大小以及标题栏大小,既可根据不同显示模式,计算出不同的新窗体的高度(关键在于要重新计算高度,宽度)。如:简洁显示模式(无视图方式下),为宽度不变、高度=窗体高度-客户区高度-状态条高度-边框高度既可。精简显示模式(仅工具条方式下),为宽度不变,先隐藏菜单、高度=标题栏高度+工具条高度+边框高度既可。正常显示模式,我想就不用说了吧!其实就是这么简单,RealPlayer是宽度,高度一起改变并计算,本示例只简单的改变高度,宽度不变,但基本原理是相同的。下面让我们来看看它的代码实现情况吧!

 

关键代码实现:

 我做了一个涵数,本示例程序只需调用此涵数便可实现。其中当nViewType传值为0时,为正常显示模式、传值为1时,为简洁显示模式、传值为2时,为精简显示模式。

 

void CMainFrame::ViewMode(int nViewType)

{

  CRect ClientRect;

  CRect WindowRect;

  CRect ToolbarRect;

  CRect StatusbarRect;

 

  //获取窗体、客户区及工具条大小

  WindowRect = m_WindowRect;

  ClientRect = m_ClientRect;

  m_wndToolBar.GetWindowRect(&ToolbarRect);

 

  //获取边框及标题栏大小

  int borderHeight = GetSystemMetrics(SM_CYBORDER);

  int captionHeight = GetSystemMetrics(SM_CYCAPTION);

 

  //获取状态条大小

  CStatusBar* pStatus = (CStatusBar*) AfxGetApp()->m_pMainWnd->GetDescendantWindow(AFX_IDW_STATUS_BAR); 

  pStatus->GetWindowRect(&StatusbarRect);

 

  //停靠工具条

  DockControlBar(&m_wndToolBar); 

 

  int CompactCx;  //新窗体宽

  int CompactCy;  //新窗体高

 

  //以多种模式显示

  switch(nViewType)

  {

  case 0:        //正常显示模式

  {

  //显示菜单

  if ( hMenu != NULL ) 

  ::SetMenu( m_hWnd, hMenu );

 

  //显示状态条

  pStatus->ShowWindow(SW_SHOW);

 

  //新窗体宽、高

  CompactCx=WindowRect.Width();

  CompactCy=WindowRect.Height();

  }

  break;

  case 1:  //简洁显示模式

  {

  //显示菜单

  if ( hMenu != NULL ) 

  ::SetMenu( m_hWnd, hMenu );

 

  //隐藏状态条

  pStatus->ShowWindow(SW_Hide);

 

  //新窗体宽、高

  CompactCx=WindowRect.Width();

  CompactCy=WindowRect.Height() - ClientRect.Height() + ToolbarRect.Height() - borderHeight;

  }

  break;

  case 2:  //精简显示模式

  {

  //隐藏菜单

  hMenu = ::GetMenu(m_hWnd); 

  ::SetMenu( m_hWnd, NULL );

 

  //隐藏状态条

  pStatus->ShowWindow(SW_HIDE);

 

  //新窗体宽、高

  CompactCx=WindowRect.Width();

  CompactCy=captionHeight + ToolbarRect.Height() + borderHeight*2;

  }

  break;

  }

 

  //设置新窗体显示

  SetWindowPos( &wndTop, WindowRect.left, WindowRect.top, CompactCx, CompactCy, SWP_SHOWWINDOW); 

 

}

 

 

以上部分代码具体实现的细节问题,可在下载实例代码后,仔细查看源码既可(内有详细注释)。

 

 

联系方式:

地址:陕西省西安市劳动路2号院六单元

邮编:710082

作者EMailjingzhou_xu@163.net

未来工作室(Future Studio)

 


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/10752043/viewspace-992792/,如需转载,请注明出处,否则将追究法律责任。

转载于:http://blog.itpub.net/10752043/viewspace-992792/

**项目名称:** 基于Vue.js与Spring Cloud架构的博客系统设计与开发——微服务分布式应用实践 **项目概述:** 本项目为计算机科学与技术专业本科毕业设计成果,旨在设计并实现一个采用前后端分离架构的现代化博客平台。系统前端基于Vue.js框架构建,提供响应式用户界面;后端采用Spring Cloud微服务架构,通过服务拆分、注册发现、配置中心及网关路由等技术,构建高可用、易扩展的分布式应用体系。项目重点探讨微服务模式下的系统设计、服务治理、数据一致性及部署运维等关键问题,体现了分布式系统在Web应用中的实践价值。 **技术架构:** 1. **前端技术栈:** Vue.js 2.x、Vue Router、Vuex、Element UI、Axios 2. **后端技术栈:** Spring Boot 2.x、Spring Cloud (Eureka/Nacos、Feign/OpenFeign、Ribbon、Hystrix、Zuul/Gateway、Config) 3. **数据存储:** MySQL 8.0(主数据存储)、Redis(缓存与会话管理) 4. **服务通信:** RESTful API、消息队列(可选RabbitMQ/Kafka) 5. **部署与运维:** Docker容器化、Jenkins持续集成、Nginx负载均衡 **核心功能模块:** - 用户管理:注册登录、权限控制、个人中心 - 文章管理:富文本编辑、分类标签、发布审核、评论动 - 内容展示:首页推荐、分类检索、全文搜索、热门排行 - 系统管理:后台仪表盘、用户与内容监控、日志审计 - 微服务治理:服务健康检测、动态配置更新、熔断降级策略 **设计特点:** 1. **架构解耦:** 前后端完全分离,通过API网关统一接入,支持独立开发与部署。 2. **服务拆分:** 按业务域划分为用户服务、文章服务、评论服务、文件服务等独立微服务。 3. **高可用设计:** 采用服务注册发现机制,配合负载均衡与熔断器,提升系统容错能力。 4. **可扩展性:** 模块化设计支持横向扩展,配置中心实现运行时动态调整。 **项目成果:** 完成了一个具备完整博客功能、具备微服务典型特征的分布式系统原型,通过容器化部署验证了多服务协同运行的可行性,为云原生应用开发提供了实践参考。 资源来源于网络分享,仅用于学习交流使用,请勿用于商业,如有侵权请联系我删除!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值