QTextEdit内拖入图片——QtWidgets

2023-12-01 03:10

本文主要是介绍QTextEdit内拖入图片——QtWidgets,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

 前言

QTextEdit是用来编辑和展示文本和富文本的一个控件。我之前一直拿它当纯文本编辑器(QPlainTextEdit)使,一直没啥机会去用一下他的富文本功能。

这次有时间了,准备做一个可以添加图片的编辑框:拖入即可添加到编辑框。

 

效果图

实现的两种方式

有两种方式,一种是根据动作想到了Drag 、Drop来实现;另一种是QTextEdit自带的方法实现。

拖入、落下事件来实现

一般在光标处添加图片,代码为

  QImage img = ...textDocument->addResource(QTextDocument::ImageResource, QUrl("myimage"), img);cursor.insertImage("myimage");

 现在我们重写QTextEdit,命名为MyTextEdit,然后在落下事件中,获取MineData,将其转化为QImage,最后根据上面的方法,也就实现了拖入图片功能了

void MyTextEdit::dragEnterEvent(QDragEnterEvent *e)
{e->acceptProposedAction();
}void MyTextEdit::dropEvent(QDropEvent *e)
{QString url=e->mimeData()->urls().first().toLocalFile();if(e->mimeData()->hasImage()){//这只是个名字 供后续调用的名字QUrl name ( QString ( "file://%1" ).arg ( url ) );//获取图片 并插入到光标处QImage image = QImageReader ( url ).read();QTextDocument * textDocument = this->document();document()->addResource( QTextDocument::ImageResource, name, QVariant ( image ) );textCursor().insertImage(name.toString());}
}

QTextEdit自带的方法实现

后来,我发现QTextEdit对插入图片等数据都有固定的方法可实现。通过方法canInsertFromMimeData对插入的数据进行筛选,

然后在insertFromMimeData方法中根据不同类的数据进行操作添加。不过我经过测试发现:source->hasImage()条件的,不知情况下能满足,经过我拖入的或者复制粘贴的,都不是hasImage(),所以谁能解决我的疑问?!

bool MyTextEdit::canInsertFromMimeData(const QMimeData *source) const
{return source->hasImage()||source->hasUrls()||QTextEdit::canInsertFromMimeData(source);}void MyTextEdit::insertFromMimeData(const QMimeData *source)
{if(source->hasImage()){qDebug()<<"hasImage-------------------";static int i=1;QUrl name(QString("imgName_%1").arg(i));QImage img=qvariant_cast<QImage>(source->imageData());document()->addResource(QTextDocument::ImageResource,name,img);textCursor().insertImage(name.toString());i++;}else if (source->hasUrls()){qDebug()<<"urls-----------------------------";foreach (QUrl url, source->urls()){QFileInfo info(url.toLocalFile());if (QImageReader::supportedImageFormats().contains(info.suffix().toLower().toLatin1())){QImage image(info.filePath());if (!image.isNull()){document()->addResource(QTextDocument::ImageResource, url, image);textCursor().insertImage(url.toString());}}else{QFile file(url.toLocalFile());if(file.open(QIODevice::ReadOnly|QIODevice::Text))textCursor().insertText(file.readAll());}}}else{qDebug()<<"insertFromMimeData--------------------";QTextEdit::insertFromMimeData(source);}}

官方源码说明 

我在QTextEdit看到了以下一段话,解释了我以上两个方法的可行性:

QTextEdit also supports custom drag and drop behavior. By default, QTextEdit will insert plain text, HTML and rich text when the user drops data of these MIME types onto a document. Reimplement canInsertFromMimeData() and insertFromMimeData() to add support for additional MIME types.

还有我很好奇,QTextEdit底层是如何写的canInsertFromMimeDatainsertFromMimeData方法:它是另写了一个控制类QWidgetTextControl来操作,从以下源码中,我们可以清楚的看到它能够支持什么类型插入,还有根据不同的数据类型,进行的不同的处理,这些都是默认自带的。

bool QWidgetTextControl::canInsertFromMimeData(const QMimeData *source) const
{Q_D(const QWidgetTextControl);if (d->acceptRichText)return (source->hasText() && !source->text().isEmpty())|| source->hasHtml()|| source->hasFormat(QLatin1String("application/x-qrichtext"))|| source->hasFormat(QLatin1String("application/x-qt-richtext"));elsereturn source->hasText() && !source->text().isEmpty();
}void QWidgetTextControl::insertFromMimeData(const QMimeData *source)
{Q_D(QWidgetTextControl);if (!(d->interactionFlags & Qt::TextEditable) || !source)return;bool hasData = false;QTextDocumentFragment fragment;
#ifndef QT_NO_TEXTHTMLPARSERif (source->hasFormat(QLatin1String("application/x-qrichtext")) && d->acceptRichText) {// x-qrichtext is always UTF-8 (taken from Qt3 since we don't use it anymore).const QString richtext = QLatin1String("<meta name=\"qrichtext\" content=\"1\" />")+ QString::fromUtf8(source->data(QLatin1String("application/x-qrichtext")));fragment = QTextDocumentFragment::fromHtml(richtext, d->doc);hasData = true;} else if (source->hasHtml() && d->acceptRichText) {fragment = QTextDocumentFragment::fromHtml(source->html(), d->doc);hasData = true;} else {QString text = source->text();if (!text.isNull()) {fragment = QTextDocumentFragment::fromPlainText(text);hasData = true;}}
#elsefragment = QTextDocumentFragment::fromPlainText(source->text());
#endif // QT_NO_TEXTHTMLPARSERif (hasData)d->cursor.insertFragment(fragment);ensureCursorVisible();
}

还有就是QTextEdit支持剪贴板(clipboard)的,从源码中,你可以看到它对复制粘贴等的一系列处理。 这个我就不列举源码了。

结束语 

感觉每次深入研究一个经常用的小控件,都收获满满(*^▽^*)!

 

这篇关于QTextEdit内拖入图片——QtWidgets的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:https://blog.csdn.net/xiaopei_yan/article/details/117020034
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/439564

相关文章

Python实现精准提取 PDF中的文本,表格与图片

《Python实现精准提取PDF中的文本,表格与图片》在实际的系统开发中,处理PDF文件不仅限于读取整页文本,还有提取文档中的表格数据,图片或特定区域的内容,下面我们来看看如何使用Python实... 目录安装 python 库提取 PDF 文本内容:获取整页文本与指定区域内容获取页面上的所有文本内容获取

Python基于微信OCR引擎实现高效图片文字识别

《Python基于微信OCR引擎实现高效图片文字识别》这篇文章主要为大家详细介绍了一款基于微信OCR引擎的图片文字识别桌面应用开发全过程,可以实现从图片拖拽识别到文字提取,感兴趣的小伙伴可以跟随小编一... 目录一、项目概述1.1 开发背景1.2 技术选型1.3 核心优势二、功能详解2.1 核心功能模块2.

Go语言如何判断两张图片的相似度

《Go语言如何判断两张图片的相似度》这篇文章主要为大家详细介绍了Go语言如何中实现判断两张图片的相似度的两种方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 在介绍技术细节前,我们先来看看图片对比在哪些场景下可以用得到:图片去重:自动删除重复图片,为存储空间"瘦身"。想象你是一个

使用Python实现base64字符串与图片互转的详细步骤

《使用Python实现base64字符串与图片互转的详细步骤》要将一个Base64编码的字符串转换为图片文件并保存下来,可以使用Python的base64模块来实现,这一过程包括解码Base64字符串... 目录1. 图片编码为 Base64 字符串2. Base64 字符串解码为图片文件3. 示例使用注意

c/c++的opencv实现图片膨胀

《c/c++的opencv实现图片膨胀》图像膨胀是形态学操作,通过结构元素扩张亮区填充孔洞、连接断开部分、加粗物体,OpenCV的cv::dilate函数实现该操作,本文就来介绍一下opencv图片... 目录什么是图像膨胀?结构元素 (KerChina编程nel)OpenCV 中的 cv::dilate() 函

使用Python实现调用API获取图片存储到本地的方法

《使用Python实现调用API获取图片存储到本地的方法》开发一个自动化工具,用于从JSON数据源中提取图像ID,通过调用指定API获取未经压缩的原始图像文件,并确保下载结果与Postman等工具直接... 目录使用python实现调用API获取图片存储到本地1、项目概述2、核心功能3、环境准备4、代码实现

Java实现图片淡入淡出效果

《Java实现图片淡入淡出效果》在现代图形用户界面和游戏开发中,**图片淡入淡出(FadeIn/Out)**是一种常见且实用的视觉过渡效果,它可以用于启动画面、场景切换、轮播图、提示框弹出等场景,通过... 目录1. 项目背景详细介绍2. 项目需求详细介绍2.1 功能需求2.2 非功能需求3. 相关技术详细

Java如何根据文件名前缀自动分组图片文件

《Java如何根据文件名前缀自动分组图片文件》一大堆文件(比如图片)堆在一个目录下,它们的命名规则遵循一定的格式,混在一起很难管理,所以本文小编就和大家介绍一下如何使用Java根据文件名前缀自动分组图... 目录需求背景分析思路实现代码输出结果知识扩展需求一大堆文件(比如图片)堆在一个目录下,它们的命名规

将图片导入Python的turtle库的详细过程

《将图片导入Python的turtle库的详细过程》在Python编程的世界里,turtle库以其简单易用、图形化交互的特点,深受初学者喜爱,随着项目的复杂度增加,仅仅依靠线条和颜色来绘制图形可能已经... 目录开篇引言正文剖析1. 理解基础:Turtle库的工作原理2. 图片格式与支持3. 实现步骤详解第

在React聊天应用中实现图片上传功能

《在React聊天应用中实现图片上传功能》在现代聊天应用中,除了文字和表情,图片分享也是一个重要的功能,本文将详细介绍如何在基于React的聊天应用中实现图片上传和预览功能,感兴趣的小伙伴跟着小编一起... 目录技术栈实现步骤1. 消息组件改造2. 图片预览组件3. 聊天输入组件改造功能特点使用说明注意事项