[分享]牛牛截图控件最终版

2024-04-21 10:08
文章标签 分享 控件 截图 最终版 牛牛

本文主要是介绍[分享]牛牛截图控件最终版，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

牛牛截图控件已经提供Web控件及标准的Javascript接口，测试程序及调用示例请访问： http://www.ggniu.cn/



实现牛牛截图控件的初衷，是想在学习的同时，实现一个具备当前主流截图功能的插件，方便集成进不同的应用系统中，节省开发时间。

一直以来，都对目前各主流即时通讯软件的截图效果比较喜欢，前段时间专门花时间进行了一些研究，实现了自己的一个截图控件，我给它取名叫“牛牛截图”；此控件可免费使用，开放了调用的接口，有兴趣的朋友可以试一下，具体的调用方法及使用示例见下文。

 

1. 本控件实现的基本功能及特点如下

1). 支持窗口区域的自动识别

2). 支持矩形、圆形、箭头、文字的绘制以及撤销

3). 可另存为png、jpg、bmp等格式

4). 支持鼠标所在区域的图像放大功能，以便精准定位

5). 窗口大小、鼠标坐标显示以及光标处的颜色拾取

6). 采用C++语言开发的Win32动态库，大小为150KB

7). 支持XP、WIN7、WIN8及WIN2003、WIN2008等操作系统；

8). 此控件提供标准的接口，方便集成进其他软件中；

例如可以与浏览器控件整合，实现Web页面截图的功能，也可以与其他如即时通讯等其他任何系统中

 

先看看使用效果：

 

 

2. 控件使用方法

1). 在测试程序中点击启动截图[在集成此控件后，可以自行通过热键进行启动]，按下鼠标左键并拖动，以确定需要截图的范围，也可以直接在自动识别到的窗口上点击一下鼠标左键，确定截图范围；此时可以通过放大的区域来精确定位截图区域。

2). 确定截图范围后，工具栏将会显示出来，选中指定的绘制类型[绘制类型、大小、颜色]，可以进行二次绘制涂鸦。

3). 可以通过点击撤销按钮来取消上一笔所绘制的形状。

4). 在截图的过程中，可以按ESC键或者点击鼠标右键来取消截图。

5). 按下回车键或者在截图区域内双击鼠标左键，可以完成截图[也可以点击工具栏上的“完成”按钮]。

6). 点击“保存”按钮，可以将所截区域保存至图片文件。

 

 

3. 控件接口的使用方法

可以在程序中使用LoadLibrary的方式加载此控件，进行初始化后，直接调用启动截图的函数即可:

typedef int (*FnStartScreenCapture)(const char* szAuth, const char* szDefaultSavePath, void* pCallBack, unsigned long hWndNotice, unsigned int noticeMsg);
FnStartScreenCapture m_StartScreenCapture = NULL;
typedef int (*FnInitScreenCapture)(unsigned long trackerColor, unsigned long editBorderColor, int nTransparent, int flag);
FnInitScreenCapture m_InitCapture = NULL;
//加载截图控件
m_hModule = LoadLibrary("NiuniuCapture.dll");m_StartScreenCapture = (FnStartScreenCapture)GetProcAddress(m_hModule, "StartScreenCapture");
m_InitCapture = (FnInitScreenCapture)GetProcAddress(m_hModule, "InitScreenCapture");m_InitCapture(RGB(255, 0, 0), RGB(0, 174, 255), 180, 0);
m_StartScreenCapture("niuniu", "", NULL, (unsigned long)m_hWnd, WM_USER + 1111);

 

具体可以参考调用Capturedemo_source.rar [下载地址见本文末尾]，接口的具体描述如下：

1). 初始化接口

int InitScreenCapture(unsigned long trackerColor, unsigned long editBorderColor, int nTransparent, int flag);

此接口函数用于初始化界面的显示效果，如果不调用，则以默认值处理。

参数说明：

参数名

参数类型

参数说明

备注

trackerColor

COLORREF

用于设置橡皮筋框的颜色以及自动识别窗口的边框色

如果不调用此函数，则此框颜色默认为：

RGB(0, 174, 255);

editBorderColor

COLORREF

用于设置文本输入框的边框颜色

如果不调用此函数，则此框颜色默认为：

RGB(255, 0, 0);

nTransparent

int

用于指定工具栏窗口的透明度(0-255)

如果不调用此函数，则透明度默认为200

flag

int

暂未使用

 

 

 2). 启动截图接口：

int StartScreenCapture(const char* szAuth, const char* szDefaultSavePath, void* pCallBack, unsigned long hWndNotice, unsigned int noticeMsg);

参数说明：

参数名

参数类型

参数说明

备注

szAuth

字符串

用于调用控件时的授权

目前固定传入”niuniu”即可

szDefaultSavePath

字符串

用于指定在截图完成时自动保存的文件路径

如：c:\\test.jpg，如果此字符串为空，则完成时将只写入剪贴板

pCallBack

Void*

用于指定在截图完成时自动回调的函数

用于通知调用程序截图完成

hWndNotice

UINT

用于指定截图完成时发送通知的窗口句柄及发送的消息

用于通知调用程序截图完成，截图完成时，控件将会发送消息：

::PostMessage(hWndNotice, noticeMsg, 1, 1);

noticeMsg

UINT

 

 

4. 控件的主要技术点简介

本控件采用C++语言，通过Win32程序进行实现，内部使用了Duilib来做工具栏以及图片放大区域的显示；对于画图部分，主要采用了GDI+，以下对我个人认为需要注意的技术点进行简要描述：

 

4.1 橡皮筋类的绘制、大小调整以及拖动等

此橡皮筋类是从MFC的源代码中提取的CRectTracker，进而移植到Win32环境中的，具体橡皮筋类的原理就不描述了，需要重点关注的是TrackRubberBand及Track两函数：

1) 当鼠标按下，且橡皮筋没有显示的情况下，使用TrackRubberBand，以确定橡皮筋所包含区域

if(!gl_rectTracker.TrackRubberBand(hWnd, pt, TRUE))
{ //说明鼠标没有移动，则获取自动识别到的窗口
if (gl_borderRt.right != 0 && gl_borderRt.right > gl_borderRt.left)
{
gl_rectTracker.m_rect.SetRect(gl_borderRt.left, gl_borderRt.top, gl_borderRt.right, gl_borderRt.bottom);
}
}
2) 当橡皮筋类已经显示，则需要判断此时鼠标的落点，如果在橡皮筋区域内[gl_rectTracker.HitTest(pt)的返回值 大于0]，则需要调用Track，以便拖动橡皮筋调整大小或者移动它。 

 

4.2 自动窗口区域识别

在Windows系统中，所有的窗口都是有一个层级的(ZORDER)，此处采用的方法是在获取屏幕截图之前，保存下当前所有可见的窗口句柄以及其子窗口句柄[主要利用FindWindowEx]，此处值得一提的是，需要过滤掉一些带WS_EX_LAYERED属性的窗口[在不过滤的情况下，WIN8下会有问题，存在透明的窗口处于当前窗口之上]，同时针对任务栏窗口不能过滤掉。

4.3  GDI+绘制矩形、圆形、箭头、文字

1). 绘制箭头的代码类似如下： 

void DrawArraw(Graphics& graphics, CPoint pt1, CPoint pt2, Color color )
{
Point pt[3] = { Point(3, -5), Point(-3, -5), Point(0, 0)};
GraphicsPath strokePath;
strokePath.AddLines(pt, sizeof(pt)/sizeof(Point));
Pen pen(color, 1);
CustomLineCap custCap(&strokePath, NULL);
pen.SetCustomEndCap(&custCap);
graphics.DrawLine(&pen, pt1.x, pt1.y, pt2.x, pt2.y);
}
此处需要通过对所画的直线进行平滑处理，否则线条将会很难看。

 

2). 绘制文字 

此处有两点需要注意，我只解决了其中的第一点：

a). 针对每一行需要单独绘制，否则在EDIT控件中的行高要比DrawString的行高要少，导致绘制出来的文字占用高度比在EDIT中要多，感觉文字的Y坐标有移位  

b). 在同时有中文与英文时，绘制出来的文字的X坐标是有移位的，我暂时没有处理，估计需要一个字符一个字符的绘制来解决 

 

4.4 可变大小、可拖动的EDIT控件

此处在效果上参考了微软的mspaint程序的实现，通过将一个EDIT控件与橡皮筋类进行组合来实现，此处需要重点处理一下鼠标按下以及防止闪烁；还需要注意与EDIT控件组合的橡皮筋类的绘制细节 

 

4.5 鼠标所在区域的放大镜效果显示 

通过一个透明的PNG做背景图 StretchBlt函数，通过光标所在点为基点，以4倍大小放大显示即可 

 

 5. 未解决的问题

5.1 目前没有处理当输入文字或者粘贴文字时，自动改变文本框的大小，此处不太清楚如何处理控件的自动变更大小

5.2 当文本框中有中文与英文混合时，绘制到截图上后，文字的X坐标会有移位

 


牛牛截图控件已经提供Web控件及标准的Javascript接口，测试程序及调用示例请访问： http://www.ggniu.cn/



这篇关于[分享]牛牛截图控件最终版的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/922809。

相关文章

Ilya-AI分享的他在OpenAI学习到的15个提示工程技巧

Ilya-AI分享的他在OpenAI学习到的15个提示工程技巧

Ilya（不是本人，claude AI）在社交媒体上分享了他在OpenAI学习到的15个Prompt撰写技巧。 以下是详细的内容： 提示精确化:在编写提示时,力求表达清晰准确。清楚地阐述任务需求和概念定义至关重要。例:不用"分析文本",而用"判断这段话的情感倾向:积极、消极还是中性"。 快速迭代:善于快速连续调整提示。熟练的提示工程师能够灵活地进行多轮优化。例:从"总结文章"到"用
阅读更多...
【专题】2024飞行汽车技术全景报告合集PDF分享（附原数据表）

【专题】2024飞行汽车技术全景报告合集PDF分享（附原数据表）

原文链接： https://tecdat.cn/?p=37628 6月16日，小鹏汇天旅航者X2在北京大兴国际机场临空经济区完成首飞，这也是小鹏汇天的产品在京津冀地区进行的首次飞行。小鹏汇天方面还表示，公司准备量产，并计划今年四季度开启预售小鹏汇天分体式飞行汽车，探索分体式飞行汽车城际通勤。阅读原文，获取专题报告合集全文，解锁文末271份飞行汽车相关行业研究报告。 据悉，业内人士对飞行汽车行业
阅读更多...
超强的截图工具：PixPin

超强的截图工具：PixPin

你是否还在为寻找一款功能强大、操作简便的截图工具而烦恼？市面上那么多工具，常常让人无从选择。今天，想给大家安利一款神器——PixPin，一款真正解放双手的截图工具。 想象一下，你只需要按下快捷键就能轻松完成多种截图任务，还能快速编辑、标注甚至保存多种格式的图片。这款工具能满足这些需求吗？ PixPin不仅支持全屏、窗口、区域截图等基础功能，它还可以进行延时截图，让你捕捉到每个关键画面。不仅如此
阅读更多...
java常用面试题-基础知识分享

java常用面试题-基础知识分享

什么是Java？ Java是一种高级编程语言，旨在提供跨平台的解决方案。它是一种面向对象的语言，具有简单、结构化、可移植、可靠、安全等特点。 Java的主要特点是什么？ Java的主要特点包括： 简单性：Java的语法相对简单，易于学习和使用。面向对象：Java是一种完全面向对象的语言，支持封装、继承和多态。跨平台性：Java的程序可以在不同的操作系统上运行，称为"Write once,
阅读更多...
lvgl8.3.6 控件垂直布局 label控件在image控件的下方显示

lvgl8.3.6 控件垂直布局 label控件在image控件的下方显示

在使用 LVGL 8.3.6 创建一个垂直布局，其中 label 控件位于 image 控件下方，你可以使用 lv_obj_set_flex_flow 来设置布局为垂直，并确保 label 控件在 image 控件后添加。这里是如何步骤性地实现它的一个基本示例： 创建父容器：首先创建一个容器对象，该对象将作为布局的基础。设置容器为垂直布局：使用 lv_obj_set_flex_flow 设置容器
阅读更多...
分享5款免费录屏的工具，搞定网课不怕错过！

分享5款免费录屏的工具，搞定网课不怕错过！

虽然现在学生们不怎么上网课， 但是对于上班族或者是没有办法到学校参加课程的人来说，网课还是很重要的，今天，我就来跟大家分享一下我用过的几款录屏软件=，看看它们在录制网课时的表现如何。 福昕录屏大师 网址：https://www.foxitsoftware.cn/REC/ 这款软件给我的第一印象就是界面简洁，操作起来很直观。它支持全屏录制，也支持区域录制，这对于我这种需要同时录制PPT和老师讲
阅读更多...
java计算机毕设课设—停车管理信息系统(附源码、文章、相关截图、部署视频)

java计算机毕设课设—停车管理信息系统(附源码、文章、相关截图、部署视频)

这是什么系统？ 资源获取方式在最下方 java计算机毕设课设—停车管理信息系统(附源码、文章、相关截图、部署视频) 停车管理信息系统是为了提升停车场的运营效率和管理水平而设计的综合性平台。系统涵盖用户信息管理、车位管理、收费管理、违规车辆处理等多个功能模块，旨在实现对停车场资源的高效配置和实时监控。此外，系统还提供了资讯管理和统计查询功能，帮助管理者及时发布信息并进行数据分析，为停车场的科学
阅读更多...
【干货分享】基于SSM的体育场管理系统的开题报告（附源码下载地址）

【干货分享】基于SSM的体育场管理系统的开题报告（附源码下载地址）

中秋送好礼 中秋佳节将至，祝福大家中秋快乐，阖家幸福。本期免费分享毕业设计作品：《基于SSM的体育场管理系统》。 基于SSM的体育场管理系统的开题报告 一、课题背景与意义 随着全民健身理念的深入人心，体育场已成为广大师生和社区居民进行体育锻炼的重要场所。然而，传统的体育场管理方式存在诸多问题，如资源分配不均、预约流程繁琐、数据统计不准确等，严重影响了体育场的使用效率和用户体验。
阅读更多...
小程序button控件上下边框的显示和隐藏

小程序button控件上下边框的显示和隐藏

问题 想使用button自带的loading图标功能，但又不需要button显示边框线 button控件有一条淡灰色的边框，在控件上了样式 border:none; 无法让button边框隐藏 代码如下： <button class="btn">.btn{border:none; /*一般使用这个就是可以去掉边框了*/} 解决方案 发现button控件有一个伪元素（::after
阅读更多...
图书管理系统系统分享

图书管理系统系统分享

分享一个图书管理系统，Java、SpringBoot、Vue和MySQL开发的图书馆管理系统 gitee项目地址：https://gitee.com/yuanmomoya/open-source-project/tree/master/books-management-system GitHub项目地址：https://github.com/yuanmomoya/open-source-pro
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2