专栏首页施炯的IoT开发专栏用本地代码实现屏幕方向自适应的Windows Mobile程序

用本地代码实现屏幕方向自适应的Windows Mobile程序

    在Windows Mobile平台的应用程序开发过程中,如何处理屏幕方向改变对程序带来的影响是一个重要的问题。Allen Lee的文章《WM有约(四):处理屏幕旋转》中讲述了如何使用Mobile Client Software Factory中的OrientationAware控件来处理屏幕方向改变,好处就是我们不用添加任何代码。在我之前的文章《Docking and Anchoring Controls on Windows Mobile》和《创建Windows Mobile上兼容性好的UI程序》中,提到了使用控件自身的Docking and Anchoring来适应设备屏幕方向的改变。今天在msdn的技术文章中,看到了一篇文章,《Developing Orientation-Aware and Resolution-Aware Windows Mobile-based Applications in Native Code》,讲述了如何使用native code来处理设备的portrait/landscape这两个模式的改变对设备UI带来的影响,觉得有必要和大家分享一下。

    该文章使用字谜游戏Crossword为背景,在没有处理设备portrait/landscape模式之前,该程序是运行在portrait模式下的,然而在landscape模式下,有些控件就不在屏幕显示的范围之内了,而且背景看上去也不对了,如下图1所示:

图1:未经处理情况下的程序界面

    解决的方法可以分为几个步骤:

1. 准备一张320*320大小的背景图片替换掉原来的240*320的图片。

2. 在OnPaint事件处理中,修改添加背景图片的代码如下:

BitBlt(hDC, 0, 0, 320, 320, hMemDC, 0, 0, SRCCOPY); 

3. 在WndProc 的WM_SIZE处理中,修改text box的宽度,代码如下:

Code
  1 case WM_SIZE:
  2 
  3 {
  4 
  5     HWND hEditBox = GetDlgItem(hWnd, IDC_MAIN_EDIT_BOX);
  6 
  7     HWND hEnterButton = GetDlgItem(hWnd, IDC_MAIN_ENTER_BUTTON);
  8 
  9     INT nWidth = LOWORD(lParam);
 10 
 11  
 12 
 13     MoveWindow(hEditBox, 8, 4, nWidth - 70, 20, TRUE);
 14 
 15     MoveWindow(hEnterButton, nWidth - 57, 4, 50, 20, TRUE);
 16 
 17 }
 18 
 19 break;

4. 写一个函数来判断当前屏幕的高度是否小于320,代码如下:

Code
 1 BOOL InWideMode()
 2 
 3 {
 4 
 5  int height = GetSystemMetrics(SM_CYSCREEN);
 6 
 7  return (height < 320) ? TRUE : FALSE;
 8 
 9 }

5. 在OnPaint事件处理中,添加提示框的处理,代码如下:

Code
  1     RECT rTallMode = { 25, 200, 230, 245 };
  2 
  3     RECT rWideMode = { 240, 43, 311, 185 };
  4 
  5     RECT& r = InWideMode() ? rWideMode : rTallMode;
  6 
  7     HBITMAP hPattern = LoadBitmap(g_hInst, MAKEINTRESOURCE(IDB_PATTERN));
  8 
  9     HBRUSH hNewBrush = CreatePatternBrush(hPattern);
 10 
 11     HBRUSH hOldBrush = (HBRUSH)SelectObject(hDC, hNewBrush);
 12 
 13     Rectangle(hDC, r.left, r.top, r.right, r.bottom);
 14 
 15     SelectObject(hDC, hOldBrush);
 16 
 17     DeleteObject(hNewBrush);
 18 
 19     DeleteObject(hPattern);

6. 添加各个对话框在landscape模式下的对应情况,也就是在资源的对话框目录中添加对应的***_WIDE对话框,并且对它的控件做相应调整。

7. 在各自对话框的WM_SIZE处理中,修改代码,使其能够做出屏幕模式的适应。代码如下:

Code
  1 case WM_SIZE:
  2 
  3 {
  4 
  5      RelayoutDialog(g_hInst, hDlg, InWideMode() ?
  6 
  7          MAKEINTRESOURCE(IDD_TOOLS_OPTIONS_1_WIDE) :
  8 
  9          MAKEINTRESOURCE(IDD_TOOLS_OPTIONS_1));
 10 
 11 }
 12 
 13 return TRUE;
 14 
 15  
 16 
 17 case WM_SIZE:
 18 
 19 {
 20 
 21      RelayoutDialog(g_hInst, hDlg, InWideMode() ?
 22 
 23          MAKEINTRESOURCE(IDD_TOOLS_OPTIONS_2_WIDE) :
 24 
 25          MAKEINTRESOURCE(IDD_TOOLS_OPTIONS_2));
 26 
 27 }
 28 
 29 return TRUE;
 30 
 31 

    然后,重新编译我们修改后的程序,并且在模拟器中进行调试,效果如下图2所示:

图2:经过修改后的程序界面

参考链接:

WM有约(四):处理屏幕旋转

Docking and Anchoring Controls on Windows Mobile

创建Windows Mobile上兼容性好的UI程序

Developing Orientation-Aware and Resolution-Aware Windows Mobile-based Applications in Native Code

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Windows系统下通过PSCP传输文件至BeagleBone Black

    参考地址:http://jingyan.eeboard.com/article/73573 最近笔者正在做的项目是在BeagleBone Black(简称BBB...

    剑影啸清寒
  • Ubuntu安装与初始配置

    适用于Ubuntu版本 14.04/16.04LTS 64位 先上图 ? 双系统安装 划分空闲磁盘,U盘安装ubuntu 重点看安装ubuntu时的磁盘分区...

    梦里茶
  • windows 上优雅的安装 node 和 npm

    我一直觉得我掌握的这份优雅是被许多人所知道了,直到我发现小伙伴们都下载 .msi 来装 node ,我心中的优雅感终于压制不住。 .msi 安装 windows...

    IMWeb前端团队
  • Windows下使用pyinstaller制作exe(py2exe)

    配置python环境变量,一般从http://www.python.org/下载完python的编译解释器,只要正常安装成功,会自动配好。

    雷大亨
  • windows 上rsync客户端使用方法

    1.1 获取 windows上实现rsync的软件(cwRsync) cwRsync是Windows 客户端GUI的一个包含Rsync的包装。您可以使用cwRs...

    惨绿少年
  • Windows系统下远程连接BeagleBone Black开源电路板桌面

    BeagleBone Black(简称BBB)中的文件虽然可以通过SSH终端通过命令行进行操作,但在桌面环境中进行操作可能会更方便一些。BBB提供microHD...

    剑影啸清寒
  • javascript入门笔记8-window对象

    History 对象 history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。 注意:从窗口被打开的那一刻开始记录,...

    方志朋
  • 跨平台web调试代理工具--whistle

    whistle是基于Node实现的跨平台web调试代理工具,支持windows、mac、linux等所有安装了Node的操作系统,可以部署在本地机器、虚拟机或远...

    IMWeb前端团队
  • 在windows上搭建镜像yum站的方法(附bat脚本)

    方法一:支持rsync的网站  对于常用的centos、Ubuntu、等使用官方yum源在 http://mirrors.ustc.edu.cn 都存在镜像。 ...

    惨绿少年
  • 删除Windows右键新建文件类型

    Win+R 运行regedit,效果如下:

    雷大亨

扫码关注云+社区

领取腾讯云代金券