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)

说明

这将是一个系列博文,后面会继续补充逻辑功能的开发的步骤。希望能与更多博友交流。

如果你觉得这篇文章还可以,请点赞,哈哈~~

声明:未作说明,则本文为年糕原创。注意:转载须保留全文,如需修改请 联系作者。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索windows
, 开发记事本
UI编程
界面好看的记事本软件、记事本使用技巧、记事本界面、记事本技巧、记事本小技巧,以便于您获取更多的相关知识。

时间: 2024-10-25 10:34:50

windows开发记事本程序纪实(一)界面篇_相关技巧的相关文章

windows开发记事本程序纪实(二)逻辑篇1_其它综合

1. 主要内容 从本节开始介绍windows开发实现记事本程序的逻辑实现部分.本节的主要内容有以下3点: 1. 主窗口定义 -- 主要介绍记事本主界面窗口对应的窗口类及实现方案 2. RichEdit控件的选用及初始化 -- 记事本程序中编辑控件的选择及使用 3. 整个程序ICON的选择.-- 程序ICON设置 2. 实际开发 2.1 主窗口实现 在上一篇介绍界面的实现中只是给出了运行界面的效果,但是当时那个界面程序不能响应任何的windows消息,因为当时的窗口在创建时将窗口对应的过程处理函数

Web 开发常用工具 大家自己查找下载_相关技巧

1.regex-coach --正则表达式工具 开发常用工具 大家自己查找下载_相关技巧-excel常用技巧"> 2. IECookiesView--IE的cookie查看工具 3.Flex Trace Panel --Flex开发日志观察工具 4.IE Development Toolbar --微软提供的IE开发插件 5.sIEve--javascript内存泄漏检测工具 6.HttpAnalyzer--HTTP抓包工具

高性能WEB开发 图片压缩篇_相关技巧

一.缩小图片大小 当图片很多的时候,减少图片大小是提高下载速度最直接的方法. 1. 使用PNG8代替GIF(非动画图片),因为PNG8在效果一样的情况,图片大小比GIF要小. 2. 用fireworks处理PNG图片,在我们产品中很多PNG图片是美工直接用photoshop导出的, 后来让美工用fireworks处理PNG(大概的方式是选择保存为PNG8,删除背景色). 处理后100K的图片大小基本减少了3/4,但图片质量也会有少许降低,要看自己是否能接受. 3. 使用Smush.it(http

微信 小程序Demo导入详细介绍_相关技巧

微信小程序一出,立马炸开了锅,都去搭建自己的开发环境,我这里也来尝尝先,之前发了一篇文章,有人问Demo怎么导入? Demo源代码(来自网络) 百度: https://pan.baidu.com/s/1o8hJFuU (密码: bsky) 360: https://yunpan.cn/ckvXAacJjvsgR (提取码:3327) demo导入方式: 打开"微信web开发者工具" -->添加项目-->填写AppID(随便填).项目名称(随便填),选择本地开发目录(Demo

高性能WEB开发(5) 减少请求,响应的数据量_相关技巧

GZIP压缩    gzip是目前所有浏览器都支持的一种压缩格式,IE6需要SP1及以上才支持(别说你还在用IE5,~_~).gzip可以说是最方便而且也是最大减少响应数据量的1种方法. 说它方便,是因为你不需要为它写任何额外的代码,只需要在http服务器上加上配置都行了,现在主流的http服务器都支持gzip,各种服务器的配置这里就不一一介绍(其实是我不知道怎么配), nginx的配置可以参考我这篇文章:www.blogjava.net/BearRui/archive/2010/01/29/w

Web开发/设计人员应当知道的15个网站_相关技巧

ColorCombos 开发/设计人员应当知道的15个网站_相关技巧-web前端开发技巧"> 在进行网站设计的时候,开始步骤的其中一项(也是最重要)的内容是选择出一个配色方案. Color Combos让你可以浏览上千个不同的颜色组合,以便从中为你即将开始的设计汲取灵感.其配色方案可按颜色浏览. LIpsum 风靡之至的Lorem Ipsum文字,其大名谁人不知?哪个不晓?(译注:查了才知道,这是指一篇用于测试排版设计的拉丁文文章,从15世纪开始就被广泛使用,文章因以Lorem Ipsum

对Web开发人员有用的8个网站小结_相关技巧

1. Min.us: 上传图片的最简单方 开发人员有用的8个网站小结_相关技巧-web前端开发培训小结"> 任何开发人员.设计师.网络管理员都必须跟客户和同事在线分享图片.Min.us的全部服务就是让你极度简单地上传图片:只需把图片拖拽到Min.us的网页里,图片就会保存在服务器上.并且自动生成短网址,这样你就可以通过这个网站分享图片了. 访问Min.us 2.Wirify:把任何网页转换成线框图 设计网站时线框图非常有用.Wirify是一个可以把任何网页立刻转换成线框图的书签工具,这样你

微信小程序版的知乎日报开发实例_相关技巧

先看看效果图 开发环境准备 小程序 出来第二天就被破解,第三天微信就把开发工具开发下载了, 现在只需要下载 微信开发者工具 就可以使用了, 创建项目的时候,要选择无 appid, 这样就不会有 appid 的验证了. 目录结构      1.app.js 注册app逻辑, app.wxss 全局样式文件 app.json 配置信息      2.pages 存放页面文件      3.utils 工具类代码      4.images 图片资源文件 小程序中每一个页面都会有三个文件 .wxml

微信小程序设置http请求的步骤详解_相关技巧

http请求介绍 HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则.计算机专家设计出HTTP,使HTTP客户(如Web浏览器)能够从HTTP服务器(Web服务器)请求信息和服务,HTTP目前协议的版本是1.1.HTTP是一种无状态的协议,无状态是指Web浏览器和Web服务器之间不需要建立持久的连接,这意味着当一个客户端向服务器端发出请求,然后Web服务器返回响应(response),连接就被关闭了,在服务器端不保留连接的有关信息.HTTP遵循请