GreenOpenPaint的实现(一)基本框架
2017-02-05 14:53
260 查看
Win7下的MSPaint是Ribbon的典型运行。这种SDI程序对于图像处理来说是很适合的。利用春节时间,基于之前的积累,我实现GreenOpenPaint,主要就是模拟MSPaint的界面,实现出现处理的结果。
知识要点:
1、MFC下SDI程序设计;
2、Opencv和MFC SDI的融合;
3、标尺;
4、图像缩放。
一、界面设计、功能设计
下面两图是mspaint的界面
其中:
红框是图像和区域的选择和粘贴。这个对于图像处理可能有用。但是现在不实现;
绿框是画图的操作,对于图像处理来说没有用,不实现;
黄框是主要显示区域,有用,实现;
蓝框是缩放区域,有用实现。
为了扁平操作,所有选项都在一个界面中出现。
![](http://images2015.cnblogs.com/blog/508489/201701/508489-20170125232124394-896206565.png)
![](http://images2015.cnblogs.com/blog/508489/201701/508489-20170125232125487-1760020950.png)
准备图标,并做成banner
![](492bd102-94fb-483d-9135-6a536f37b7b3_files/4385bcb5822ee2e2c66a05c45e2b78a2_5.bmp)
二、RIBBON框架,主要地方截图
![](http://images2015.cnblogs.com/blog/508489/201701/508489-20170125232128159-1488458060.png)
![](http://images2015.cnblogs.com/blog/508489/201701/508489-20170125232129191-672519406.png)
![](http://images2015.cnblogs.com/blog/508489/201701/508489-20170125232130003-1309741743.png)
![](http://images2015.cnblogs.com/blog/508489/201701/508489-20170125232130722-1423289412.png)
导入图标和banner,设置界面。注意工具条的高度是32,所以在设置图片的时候也要注意这一点。完成界面
![](http://images2015.cnblogs.com/blog/508489/201701/508489-20170125232131566-2137300258.png)
三、将需要的文件和库引入
cvvimage用于显示图像,这里用的是我修改过的cvvimage
ruler用于显示标尺,这里引入的也是我修改过的。
引入Opencv;
stdafx.h添加全局常量
// 新添加
#include "CvvImage.h"
#include "opencv2/core/core.hpp"
#include "opencv2/highgui/highgui.hpp"
#include "opencv2/imgproc/imgproc.hpp"
//100DPI代表1英寸=100像素 ,已知 1英寸= 2.54厘米,得1像素=0.0254厘米
//TODO 自动获得DPI
#define DPICM 0.0254
#define DPIMM 0.254
#define ZOOM_MAX 4
#define ZOOM_MIN 0.125
#define ZOOM_NORMAL 1
修改编译器兼容问题
![](http://images2015.cnblogs.com/blog/508489/201701/508489-20170125232132316-284217734.png)
http://files.cnblogs.com/files/jsxyhelu/GreenOpenPaint01.rar
知识要点:
1、MFC下SDI程序设计;
2、Opencv和MFC SDI的融合;
3、标尺;
4、图像缩放。
一、界面设计、功能设计
下面两图是mspaint的界面
其中:
红框是图像和区域的选择和粘贴。这个对于图像处理可能有用。但是现在不实现;
绿框是画图的操作,对于图像处理来说没有用,不实现;
黄框是主要显示区域,有用,实现;
蓝框是缩放区域,有用实现。
为了扁平操作,所有选项都在一个界面中出现。
![](http://images2015.cnblogs.com/blog/508489/201701/508489-20170125232124394-896206565.png)
![](http://images2015.cnblogs.com/blog/508489/201701/508489-20170125232125487-1760020950.png)
准备图标,并做成banner
![](492bd102-94fb-483d-9135-6a536f37b7b3_files/4385bcb5822ee2e2c66a05c45e2b78a2_5.bmp)
二、RIBBON框架,主要地方截图
![](http://images2015.cnblogs.com/blog/508489/201701/508489-20170125232128159-1488458060.png)
![](http://images2015.cnblogs.com/blog/508489/201701/508489-20170125232129191-672519406.png)
![](http://images2015.cnblogs.com/blog/508489/201701/508489-20170125232130003-1309741743.png)
![](http://images2015.cnblogs.com/blog/508489/201701/508489-20170125232130722-1423289412.png)
导入图标和banner,设置界面。注意工具条的高度是32,所以在设置图片的时候也要注意这一点。完成界面
![](http://images2015.cnblogs.com/blog/508489/201701/508489-20170125232131566-2137300258.png)
三、将需要的文件和库引入
cvvimage用于显示图像,这里用的是我修改过的cvvimage
ruler用于显示标尺,这里引入的也是我修改过的。
引入Opencv;
stdafx.h添加全局常量
// 新添加
#include "CvvImage.h"
#include "opencv2/core/core.hpp"
#include "opencv2/highgui/highgui.hpp"
#include "opencv2/imgproc/imgproc.hpp"
//100DPI代表1英寸=100像素 ,已知 1英寸= 2.54厘米,得1像素=0.0254厘米
//TODO 自动获得DPI
#define DPICM 0.0254
#define DPIMM 0.254
#define ZOOM_MAX 4
#define ZOOM_MIN 0.125
#define ZOOM_NORMAL 1
修改编译器兼容问题
![](http://images2015.cnblogs.com/blog/508489/201701/508489-20170125232132316-284217734.png)
http://files.cnblogs.com/files/jsxyhelu/GreenOpenPaint01.rar
相关文章推荐
- GreenOpenPaint的实现(一)基本框架_0
- GreenOpenPaint的实现(一)基本框架
- GreenOpenPaint的实现(一)基本框架
- openfire+smack 实现即时通讯基本框架
- GreenOpenPaint的实现(六)图片的保存和打开_0
- GreenOpenPaint的实现(六)图片的保存和打开
- GreenOpenPaint的实现(二)打开显示图片
- GreenOpenPaint的实现(三)添加标尺
- GreenOpenPaint的实现(五)矩形框
- GreenOpenPaint的实现(六)图片的保存和打开
- GreenOpenPaint的实现(四)放大缩小处理滚动事件
- 使用express.js框架一步步实现基本应用以及构建可扩展的web应用
- 实现画图板的基本框架与界面
- [读书笔记]深入解析MapReduce架构设计与实现原理——CH4 Hadoop RPC基本框架
- 安全验证框架使用笔记002---Shiro实现基本的身份验证
- 使用Slim框架实现基本的REST API
- GreenDAO框架(一)-基本配置篇
- SSM框架系列学习总结5之Mybatis实现基本CRUD和代理开发模式
- Hibernate入门-搭建框架实现基本的增删改查
- ZK7+Spring4+Hibernate4框架整合并实现基本查询