给QTextEdit添加背景图片及注意事项

最新推荐文章于 2024-07-17 23:38:52 发布
最新推荐文章于 2024-07-17 23:38:52 发布 · 195 阅读 · 1

本文介绍在Qt中为QTextEdit设置背景图片的两种方法：使用样式表和HTML，并指出这两种方法存在的问题，如图片无法随编辑框大小缩放及翻页时重复显示等问题。

前一段时间遇到一个很有意思的问题，要给QTextEdit这个Qt空间加一张背景图片，我试过很多方法，用QPalette调色板，paintEvent()，结果都没有效果，后来发现有两种方式可以实现这一点，如下：（如果各位还有更好的办法，请告诉我）

QTextEdit* iEdit = new QTextEdit();

1：使用样式表：

iEdit->setStyleSheet("background-image:url(:/bmp/DSCN1604.JPG)");

注意：在url()括号中首先开始的 “：”冒号一定不能搞错，否则就显示不出来。

2：使用html

iEdit->setHtml("<body background=/"./bmp/DSCN1604.JPG/"> </body>");

注意：此时就不需要像上边那样用“：”冒号了，直接用相对路径就可以了。

(Notice：在使用上两种方法之前，别忘记把图片加到qrc资源文件中哦)

//-------------------------------------------------------------------------------------------------------------------------------------------------

上述两种方法其实显示效果都是一样的，所以用哪个都差不多，但是他们都存在两个问题：

问题一：图片无法缩放以与编辑框大小相符，毕竟这里用的是图片的路劲，我们没法对其进行一些缩放操作。所以最好在使用之前就先让编辑框大小和图片大小设置为一样！

问题二：这个比较严重。

当我们写的文字超过一屏时：编辑框需要翻页，此时你会发现：图片也会跟着翻页。

如下：我在编辑框中放了一张背景图片：

我当然希望这张图片一直固定在该编辑框后边，而不会翻动，但是如果我用上边的方法给设置一个背景图片的话，当写的字多于一屏幕时候：图片也会跟着翻屏，从而可能出现如下情况：

亦即：图片也会平铺的多次刷在编辑框后边，这显然不是我们希望的效果。

===》我曾尝试解决这一问题，但是没找到好的办法，最后只好用了个“委屈求全”的方式，亦即：我把编辑框设置为透明，从而可以透过它看到它后边的widget窗口，而后我在这个widget的该位置处刷上这幅图片即可！ 用这种方法效果还是不错的！！

使QTextEdit背景透明的方法，详见文章：

http://blog.youkuaiyun.com/NRC_DouNingBo/archive/2010/05/09/5571088.aspx

iteye_11687
关注
QTextEdit中插入图片的三种方式
有问题或资源连接有缺失的可以私信公众号新潮看世界获取
09-02 4252
一般情况下，我们使用的路径都会是一个变量，意思就是通常使用QString（“”）.arg(imgpath);至于图片路径，QUrl()构造的图片路径就可以，qrc里面的可以，本地的也可以，网络图片也可以。这种的imagepath，其实就是setName里面的参数，所以用起来也很方便。这个imagepath就是图中image.png的路径了。不过这里最主要的不是加入方式，而是路径怎么插入。
QTextEdit 设置背景图片与拉伸背景图片
将总结养成一种习惯
02-01 3149
首先，通过一个文件选择对话打开一张图片，然后把这张图片设置为编辑框背景。参考具体代码：     QString name = QFileDialog::getOpenFileName(this, tr("Open File..."),                                    QString(), tr("IMAGE-Files (*.jpg *.png *.g
使用PyQt4 设置TextEdit背景的方法
12-25
先简单做个分享，有时间再补一个完整的用例 self.textEdit = QtGui.QTextEdit(slef) 1.设置背景颜色 self.textEdit.setStyleSheet("background:blue") 2.设置背景图 self.textEdit.setStyleSheet("background-image:url(timg.jpg)") 3.设置文字背景颜色 self.textEdit.setTextBackgroundColor(QtGui.QColor(255,0,0)) 以上这篇使用PyQt4 设置TextEdit背景的方法就是小编分享给大家的全部内
PyQt5 QTextEdit 支持拖拽，粘贴插入图片
forward_huan的博客
03-02 2662
from PyQt5 import QtCore from PyQt5.QtCore import QFileInfo, QUrl, QFile, QIODevice, QByteArray, \ QBuffer from PyQt5.QtGui import QImage, QImageReader, QTextDocumentFragment from PyQt5.QtWidgets import QTextEdit from datetime import datetime class
如何有效地设置QTextEdit的背景
热门推荐
游行天涯
09-04 15万+
如何有效地设置QTextEdit的背景 易踩的坑 问：为何按照方案来做，但背景样式却不生效？ 答：可能原因较多，这里列出几种。 父类样式覆盖了本控件的样式。此时可设置本控件的背景为自动填充（不继承于父类）： ui->textEdit->setAutoFillBackground(true); 设置画刷样式时，ColorRole设置有误。通常网上搜索到的都是使用QPalette:...
QT TextEdit添加背景图片的方式
fhqlongteng的博客
04-20 4470
      在设计串口助手的软件界面时，想在textedit控件的背景中显示灰色的文字来提示窗口的功能。看了半天资料QT的资料没有找到怎么显示一个灰色的文字，并且保持住在正常显示其他信息时不变的方法。那就采用显示背景图片的方式，把要显示的信息做成图片，最后显示到控件中。       下面的插图中在textedit控件中显示出一个水泡，代码很简单，就是设置textedit的样式，设置背景图片，位置居...
QT TextEdit设置背景、明文加密、弹出网站、弹出自定义对话框、gif动态图片、程序启动动画、打包程序、关闭事件
墨痕诉清风的博客
03-11 1216
TextEdit设置背景 前提必须已添加了资源图片 铭文加密 ui-&gt;passLineEdit-&gt;setEchoMode(QLineEdit::Password); 弹出网站 #include &lt;QUrl&gt; #include &lt;QDesktopServices&gt; //用于访问桌面服务的类 QDesktopService::o...
qt如何在TetxEdit设置背景色（可以设置行或列）
家俊的博客
11-25 1362
在使用之前，首先要知道一个原理，就是qt是可以支持html的，qtextedit有append方法，可以往里面添加字符串，我们要做的就是改变字符串的样式，使用html的span标签就可以改变。 直接上代码： QString bgColorStrHead=QString::fromLatin1("<span style=\"background-color: rgb(200, 200, 200)\">"); //设置文字颜色 QString bgColorStrTail=QString
QTextEdit设置背景色
燃犀的博客
05-23 3014
QTextEdit设置背景色
QT如何在TextEdit中添加图片并显示
qq_58136559的博客
06-06 2140
【代码】QT如何在TextEdit中添加图片并显示。
在QT中如何通过QTextEdit插入图片并设置其大小
YuYao1110的博客
07-17 1235
如果你确实需要在插入之前调整图片的实际像素大小（例如，为了节省内存或磁盘空间），你应该在将图片保存到文件或内存之前使用。中显示的图片保持其原始宽高比，你应该在HTML中只指定宽度或高度中的一个，另一个让浏览器（在这种情况下是。中插入图片并设置其大小，通常涉及到将图片转换为HTML格式，并在HTML中指定图片的宽度和高度。标签允许你直接指定图片的显示宽度和高度，而不管图片文件的实际大小如何。但是，请注意，这会影响图片文件本身的大小，而不仅仅是它在。是通过HTML来渲染图片的，并且HTML中的。
Pyqt5 在QTextEdit设置多段文本颜色与背景色
cftchaoxiaoshu的博客
12-16 1424
QTextEdit 自定义字体颜色 ，背景色。
QTextEdit内拖入图片——QtWidgets
xiaopei_yan的博客
05-19 4052
前言 QTextEdit是用来编辑和展示文本和富文本的一个控件。我之前一直拿它当纯文本编辑器（QPlainTextEdit）使，一直没啥机会去用一下他的富文本功能。 这次有时间了，准备做一个可以添加图片的编辑框：拖入即可添加到编辑框。 效果图 实现的两种方式 有两种方式，一种是根据动作想到了Drag 、Drop来实现；另一种是QTextEdit自带的方法实现。 拖入、落下事件来实现 一般在光标处添加图片，代码为 QImage img = ... textDocument..
qt为lineedit添加背景图片代码_Qt中事件的理解（2）
weixin_39692623的博客
01-13 702
这一章我们继续讲Qt事件——事件的传递1、创建工程工程目录如下所示：创立工程testEvent，主窗口文件以mainwindow命名，子文件以lineedit命名。2、修改程序首先将lineedit.h文件内容修改如下：这里主要是添加了keyPressEvent()函数的声明。下面转到lineedit.cpp文件中。文件内容如下：lineedit.cpp主要就是对lineedit.h的具体实现。下...
Qt实现LineEdit里添加图片
DayDay_Upppp的博客
01-17 5237
1.  QAction *searchAction = new QAction(ui.LineEdit); searchAction-&gt;setIcon(QIcon(":/resource/query.png")); ui.LineEdit-&gt;addAction(searchAction,QLineEdit::TrailingPosition); //QLineEdit::Leadi...
Qt QTextEdit行高和背景色设置
ji3009的博客
11-15 5816
QTextEdit设置行高 方法： 获得QTextEdit的QTextCursor(光标），给光标设置一个指定行高的段落格式，再讲该光标设置给QTextEdit。 //获得eidt光标 QTextCursor cursor = edit->textCursor(); //为光标指定一个行高为20的段落格式 QTextBlockFormat block_format; block_format.setLineHeight(20, QTextBlockFormat::FixedHeight); curso
Qt技巧：QTextEdit显示网络图片
imxiangzi的专栏
12-03 6219
Qt5的QNetworkAccessManager 类可以很方便的访问网络资源，QNetworkRequest类可以用于发送网络请求，而QNetworkReply则负责接收处理网络资源；今天遇到一个问题，如何在QTextEdit上显示一张网络图片，用了几种办法，最终终于解决了，在这里分享一下。 方法一：直接显示     QTextEdit有一个属性，就是可以借助html标记来插入图片，例如
Qt在QTextEdit控件中添加图片
最新发布
08-19
<think>我们之前已经讨论过在QTextEdit中插入图片的两种方法，现在用户再次询问插入图片的实现方法。根据引用[1][2][3]，我们可以提供更全面的三种方法，并注意路径处理和图片尺寸控制。 引用[1]提到QTextEdit是一个用于显示和编辑纯文本的多行文本编辑器，但实际也支持富文本（包括图片）。引用[2]指出可以通过HTML格式插入图片并设置大小。引用[3]则提供了三种插入图片的方式，包括使用资源路径、HTML和直接添加资源。 因此，我们总结三种方法如下： 方法一：使用QTextCursor的insertImage方法（直接插入QImage） 方法二：使用HTML格式（通过setHtml或insertHtml） 方法三：使用QTextDocument的资源系统（添加资源，然后通过URL引用） 下面分别给出示例代码：</think>在 Qt 的 `QTextEdit` 控件中插入图片有多种实现方法，以下是三种常用方式及其详细实现： ### 方法一：使用 QTextCursor 直接插入（推荐） ```python from PyQt5.QtWidgets import QApplication, QTextEdit from PyQt5.QtGui import QTextCursor, QImage app = QApplication([]) text_edit = QTextEdit() # 加载图片并调整尺寸 image = QImage(":/images/logo.png") # 使用资源路径 scaled_image = image.scaled(100, 100) # 设置尺寸 # 获取光标并插入图片 cursor = text_edit.textCursor() cursor.insertImage(scaled_image) text_edit.show() app.exec_() ``` > 特点：直接操作图片对象，支持内存图片处理[^1] ### 方法二：通过 HTML 格式插入 ```python text_edit = QTextEdit() html_content = """ <p>文本内容 <img src="file:///C:/images/photo.jpg" width="150" height="100"> 图文混排</p> """ text_edit.setHtml(html_content) ``` > 特点：支持网络图片(`https://...`)、本地路径和资源路径(`qrc:/`)[^2] ### 方法三：使用文档资源系统（适合动态图片） ```python from PyQt5.QtGui import QTextDocument, QTextImageFormat text_edit = QTextEdit() document = text_edit.document() # 添加资源到文档 image = QImage(":/icons/icon.png") document.addResource(QTextDocument.ImageResource, QUrl("internal://my_image"), image) # 创建图片格式 image_format = QTextImageFormat() image_format.setName("internal://my_image") # 使用资源URL image_format.setWidth(50) image_format.setHeight(50) # 插入图片 cursor = text_edit.textCursor() cursor.insertImage(image_format) ``` > 特点：图片数据直接嵌入文档，避免外部路径依赖[^3] ### 关键注意事项： 1. **路径处理**： ```python # 资源路径（qrc编译后） image.load(":/resources/image.png") # 绝对路径 image.load("C:/images/photo.jpg") # 相对路径（需确保工作目录正确） image.load("./assets/pic.png") ``` 2. **尺寸控制**： - 方法一：通过`scaled()`调整 - 方法二：HTML中设置`width/height`属性 - 方法三：使用`setWidth()/setHeight()` 3. **格式支持**： - 支持 PNG/JPG/BMP/GIF 等常见格式 - 透明背景推荐 PNG 格式 4. **性能优化**： - 大图片先缩放再插入 - 多次插入使用`cursor.beginEditBlock()`批量操作 > 三种方法效果对比：方法一适合单张图片快速插入；方法二适合带格式的富文本；方法三适合需要嵌入资源的场景[^1][^2][^3]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值