【windows开发实现记事本程序——界面篇】
前言
从毕业开始学习windows UI编程,工作中总是和一些API打交道,但是从没有做过一个完整的界面程序。因此打算自己利用空余时间做一个小的项目来总结自己所学的东西。在网上看到许多人建议自己动手写完整的项目才能快速提高,因此打算从仿照windows的记事本开始,真正实现一个基本的windows界面程序。考虑到编写一个完整的windows 记事本程序需要大量的工作,因此打算将每一个阶段的成果记录下来,一方面能够帮助自己进行总结,回顾已学的知识,另一方面也能够与其他网友一起讨论,从而可以在讨论中共同进步。
本节介绍
如本文题目所示,本节主要实现记事本的主界面设计,包括主界面窗口的构建、菜单的加入。虽然都是一些基本的操作,但是还是想将这些基本步骤完整地记录下来,以便后续验证。本文的开发环境为:系统为win7 64bit, IED是VS2008。好了,废话不多说,直接开始流程介绍:
1. 新建win32 工程
本文采用windows API方式实现一个简易记事本程序,因此在创建工程时选择windows application,如图1所示。同时为了方便,选择以空的项目开始,要增加什么资源就在后续过程中添加即可。
图1 新建win32空项目
2. 构建主界面
在打开windows自带的记事本程序可以看出,整个窗口就是一个带有菜单、编辑控件的对话框,因此本文为了方便直接以DialogBox的方式构建整个程序的主界面。具体的做法如下图2所示:Resource Files –> Add –> Resource… :
图2 新建对话框资源
在图2中的资源窗口开启后,选中Dialog资源并进行添加即可。此时得到一个系统默认的对话框,如图3所示:
图3 系统默认对话框
此时,需要将视图切换到资源视图进行操作。首先进行对话框的改名,一个有意义的变量名使得程序的可读性更好,也更易于后期维护。因此将Dialog资源名改为IDD_MAIN。同时记事本中不存在OK以及Cancel按钮,因此在对话框中直接选中这两个按钮并删除。效果如图4所示:
图4 主界面对话框改名、删除多余按钮后效果
3. 构建菜单
构建菜单时,第一步操作与构建主界面一致。在图2的资源添加中选择Menu并选择新建。新增的菜单资源默认名为IDR_MENU1。同样对其进行改名操作,改为IDR_MENU。后续将进行菜单项的填充。这里主要就是按照windows记事本中相应的文字填入就可以了,主要存在以下两个小细节需要注意:
3.1 字母快捷键
在windows记事本中可以通过快捷键唤起相应的菜单项(例如打开记事本后,可以用alt+F打开文件选项,如图5所示)。
图5 windows菜单快捷键
这里的做法其实很简单,就是在相应的字母前添加&,例如“文件(F)”就填写为“文件(&F)”,这样就可以默认开启快捷键。对于“文件”选项下面的打开、保存等快捷键的设置同样是在对应的字母前添加&。
3.1 构建下拉分割线
在如图5的文件下拉菜单中,可以看到用于分割“另存为”和“页面设置”的分割线。那么如何产生这跟分割线呢,其实也非常简单,直接在相应的菜单项右键,选择“Insert Separator”,如图6所示(因为我的机器上VS2008是英文版的所示菜单项都显示的英文,对于中文的VS应该可以在同样的地方找到“插入风格线”的选项吧):
图6 添加菜单选项分割线
4. 调起主界面
在主程序中,目前只是为了显示当前界面的效果,因此直接用DialogBox显示IDD_MAIN.代码如下:
/************************************************************************/
/* file : main.cpp 整个应用程序的主入口
* author : Huagang Li
* date : 2014-8-29 23:22:37
* blogs : http://www.cnblogs.com/lhglihuagang/
*/
/************************************************************************/include <Windows.h>
include "resource.h" // IDD_MAIN定义位置
int WINAPI WinMain( __in HINSTANCE hInstance, __in_opt HINSTANCE hPrevInstance, __in_opt LPSTR lpCmdLine, __in int nShowCmd )
{
::DialogBox(hInstance, MAKEINTRESOURCE(IDD_MAIN), NULL, NULL);
return EXIT_SUCCESS;
}
因为Dialog中的窗口过程函数直接设置为NULL,因为这个窗口在打开后就无法通过关闭按键关闭(可以用资源管理器关闭),当前效果如下7所示:
图7 错误的输出结果?
从上图7中可以看出,只是一个空白窗口,说好的菜单选项呢?最大最小化按钮呢?窗口大小还不可变??这里就进入另一个注意点了:在新建了菜单资源并进行了编辑后,这个资源只是存在于工程文件中,并没有将其添加到任何一个窗口中。因此,我们需要将菜单资源加入到IDD_MAIN窗口中。同时系统默认新建的对话框窗口是没有最大最小按钮的,因此也需要在IDD_MAIN的属性中进行调节,具体操作如下:
4.1 添加菜单、最大化最小化按钮
在IDD_MAIN的“properties”中的Menu选择“IDR_MENU”,同时将Minimize Box以及Maxmize Box都设为True。具体操作如下图8所示:
图8 添加菜单,最大,最小按钮
4.2 窗口大小可调节
IDD_MAIN的“properties”中的Boader选择“Resizing”,也就是将边框的属性设置为可调节,操作如下图9所示:
图9 对话框大小可变
界面效果
在添加菜单、最大最小按钮,同时修改了边框调节属性后,整个程序运行后主界面如图10所示:
图10 程序UI效果
结论
虽然真正的逻辑功能还没有开发,但是光是实现这个界面还是了一段时间研究。即使是这样简单的界面显示程序其实也是可以学到一些小的知识点:
1. 菜单字母快捷键(在字母前面前面添加&)
2. 菜单下拉分割线(右键选择添加分割线)
3. 新建的菜单资源需要加入到窗口中才能显示(IDD_MAIN属性中的MENU选择IDR_MENU)
说明
这将是一个系列博文,后面会继续补充逻辑功能的开发的步骤。希望能与更多博友交流。
如果你觉得这篇文章还可以,请点赞,哈哈~~
声明:未作说明,则本文为年糕原创。转载务必注明出处 http://www.cnblogs.com/lhglihuagang/。
注意:转载须保留全文,如需修改请 联系作者。
【windows开发实现记事本程序——界面篇】的更多相关文章
- 【windows开发实现记事本程序——逻辑篇1】
1. 主要内容 从本节开始介绍windows开发实现记事本程序的逻辑实现部分.本节的主要内容有以下3点: 1. 主窗口定义 -- 主要介绍记事本主界面窗口对应的窗口类及实现方案 2. RichEdi ...
- 使用Xamarin开发手机聊天程序 -- 基础篇(大量图文讲解 step by step,附源码下载)
如果是.NET开发人员,想学习手机应用开发(Android和iOS),Xamarin 无疑是最好的选择,编写一次,即可发布到Android和iOS平台,真是利器中的利器啊!而且,Xamarin已经被微 ...
- 【Android】10.0 UI开发——如何编写程序界面、常见控件的使用
************************ 转载请注明出处:https://www.cnblogs.com/xiaofu007/p/10331880.html ***************** ...
- web开发性能优化---UI界面篇
1.尽量采用div+css布局 DIV+CSS相比较与表格布局的优势: a.代码精简 使用DIV+CSS布局,页面代码精简,这一点对XHTML有所了解的都知道.代码精简所带来的直接好处有两点:一是提高 ...
- C#+Winform记事本程序
第17章 记事本 如何使用Visual C# 2010设计一个Windows应用程序——记事本,学习,可以进一步掌握MenuStrip(菜单).ToolStrip(工具栏).RichTextBox(高 ...
- Xamarin开发手机聊天程序
使用Xamarin开发手机聊天程序 -- 基础篇(大量图文讲解 step by step,附源码下载) 如果是.NET开发人员,想学习手机应用开发(Android和iOS),Xamarin 无疑是 ...
- 安装Windows 10后PDF补丁丁等程序界面变得模糊的解决办法
对于使用高分辨率屏幕且屏幕缩放比例在 100%以上的用户,升级到 Windows 10 后将发现许多程序的界面,例如QQ.电脑管家.Windows本身的服务管理程序等等,都变得非常模糊,<PDF ...
- Windows开发进阶之VC++中如何实现对话框的界面重绘
技术:Windows 系统+Visual studio 2008 概述 应用程序界面是用户与应用程序之间的交互的桥梁和媒介,用户界面是应用程序中最重要的组成部分,也是最为直观的视觉体现.对用户而言 ...
- 使用wepy开发微信小程序商城第一篇:项目初始化
使用wepy开发微信小程序商城 第一篇:项目初始化 前言: wepy小程序项目初始化的操作,官方文档看了好几遍,感觉写得不是很清楚. 这篇写得挺好的:小程序开发之wepy 1.初始化项目 (1)全局安 ...
随机推荐
- 互联网组织的未来:剖析GitHub员工的任性之源
转自:http://www.php100.com/html/it/hulianwang/2015/0108/8304.html [导读] 本文为大家介绍了著名代码托管服务商GitHub的组织运转结构. ...
- Unable to load native-hadoop library解决思路
最近试着搭建Hadoop,我使用的操作系统是Centos6.5,Hadoop版本是2.6.0. 在安装过程中总是出现:WARN util.NativeCodeLoader: Unable to loa ...
- SRM 407(1-250pt, 1-500pt)
DIV1 250pt 题意:每个员工可以有几个直系上司,也可以有几个直系下属.没有直系下属的人工资为1,有直系下属的人工资为所有直系下属工资之和.求所有人工资之和.人数 <= 50. 解法:直接 ...
- poj 2187 凸包加旋转卡壳算法
题目链接:http://poj.org/problem?id=2187 旋转卡壳算法:http://www.cppblog.com/staryjy/archive/2009/11/19/101412. ...
- poj1611 并查集
题目链接:http://poj.org/problem?id=1611 #include <cstdio> #include <cmath> #include <algo ...
- UIView和CALayer有什么关系
view是对layer的一种封装,你对view的很多操作事实上是对layer的操作,之所以会出现这两个东西是因为1.view支持很多手势的交互,你所操作iphone的各种点击,拖动等等.2.layer ...
- Let it Bead
http://poj.org/problem?id=2409 // File Name: poj2409.cpp // Author: bo_jwolf // Created Time: 2013年1 ...
- set和replace方法的区别
对已有值的元素处理上两者是相同的,但是对于一个不存在的元素,set的作用就和add相当,replace则是只能对已经存在的元素进行处理如:表中某个字段值是空(null),如果某个字段为空,则通过查询方 ...
- .NET 基础 一步步 一幕幕[面向对象之new、this关键字]
经常会有人问:小伙子,有没有对象啊,要不要大叔我帮你介绍一个啊,小伙子会说:大叔,不用我自己new一个就好了.(PS:活该你没有对象) 上边当然是一个段子咯,程序员那会没有对象,自己new一个就有了啊 ...
- python通过SMTP发送邮件失败,报错505/535
python通过SMTP发送邮件失败:错误1:smtplib.SMTPAuthenticationError: (550, b'User has no permission') 我们使用pyth ...