VC++界面设计.ppt

vc 6 0界面设计 2011 05 18 主要内容 创建dialog工程添加菜单添加工具条常用组件的使用位图处理事件响应数据结合 创建dialog工程 在vc 6 0中 可以创建许多不同类型的工程 其中mfcappwizard exe 工程可以帮助程序员快速编写界面程序 通过mfcappwizard exe 可以创建单文档 多文档和对话框三种类型的应用程序 如何创建一个基于 对话框 的应用程序呢 创建dialog工程 创建mfcappwizard exe 工程应用程序类型 选择dialogbased一如既往地next 直到finish出现点击finish就ok啦 运行一下 看看成果吧函数说明 oninitdialog对话框的初始化onpaint绘图 获取dc 绘制文本 图片等接下来 就是往对话框中添加组件 绘制漂亮的图形 添加消息处理 实现用户交互 添加菜单 新建 菜单 insert resource menu可以选择new 新建 或import 导入 菜单编辑 菜单 双击菜单项 弹出属性对话框后进行编辑 注 a id的命名 保证唯一性以及规范性 b 快捷键 如 对文件选项添加快捷键为f 则caption为 文件 f 加载 菜单 鼠标移动到当前对话框 右键属性 menu项选中你所创建的菜单的id 添加工具条 工具栏是神马 创建 编辑工具条 insert resource toolbar new 编辑加载工具条 1 创建ctoolbar对象实例 如 tbar 2 在oninitdialog函数中初始化并加载 crectrect 10 10 0 0 if tbar createex this tbstyle flat ws child ws visible cbrs align top cbrs gripper cbrs tooltips rect tbar loadtoolbar idr toolbar trace0 failed returnfalse tbar showwindow sw show repositionbars afx idw controlbar first afx idw controlbar last 0 编译 运行 看看效果吧 常用组件的使用 一些简单的常用组件 statictext 展示静态文本 画板editboxbuttoncheckboxradiobuttongroupboxandsoon 位图处理 statictext作为 画板 怎样在对话框绘制一个棋盘 位图处理 添加statictext组件 调整位置与大小修改属性 id idc board caption style选中notify 消息响应 导入位图 insert resource bitmap import id修改为idb board创建cwnd cdc对象实例 cdc pboarddc cwnd pboardwnd 5 初始化 cwnd与statictextid关联 并获取设备上下文pboardwnd getdlgitem idc board pboarddc pboardwnd getdc 6 加载位图 棋盘 防止屏幕闪烁 缓冲技术 位图处理 缓冲技术 即将需要展现的图形先绘制在缓存dc中 待所有图形绘制完成再加载到界面 源码实现 pboardwnd updatewindow cdcmemdc 创建dcmemdc createcompatibledc pboarddc 内存缓存dcm boardbmp loadbitmap idb board 加载位图 选择位图到缓存区poldbmp memdc selectobject 删除位图对象 位图处理 在位图 棋盘 上绘制其他图形打印字符串 memdc textout 200 200 helloworld 但字串会有白色的背景 把下面语句添加到上面语句之前 设置透明背景 memdc setbkmode transparent 绘制棋子 1 导入图片 insert resource bitmap import id idb chess 2 创建cimagelist对象实例 cimagelistm queen 3 m queen关联位图 m queen create idb chess 40 40 rgb 255 255 255 4 绘制棋子 pt x 60 pt y 60 m queen draw 事件响应 类向导 右键 classwizardmessagemapsmembervariables 事件响应 messagemaps projectclassnameobjectids 组件id列表messages 消息响应memberfunctions 对应的成员函数选中一个objectids后 在messages中是其对应的消息响应 双击某message 如 command 添加相应的成员函数 双击该函数 调整至该函数体就可编辑代码了 事件响应 membervariables projectclassnamecontrolids 可添加变量的控件id列表对某一控件添加一个变量 选中该控件id addvariable 编辑如 对idc text添加成员变量m stext 数据处理 数据层 处理数据图形界面层 根据数据显示图形化界面cmydata类 数据处理类public voidsetcnt intcnt intgetcnt voidaddcnt voidsubcnt m icnt减1private intm icnt 在cgui amazonsdlg类中结合数据显示相关图形 并且根据交互信息 用户操作 完成对数据层数据的处理 1 创建对象实例 cmydatamydata 2