如何在 QTextEdit 中调整图像大小？

Question

如何在 QTextEdit 中单击图像，按住图像的一角并调整图像大小？或者至少如何获取光标下的图像/选择该图像以更改宽度和高度？

Answer 1

这是我的实现方式：

void AdvancedTextEdit::resizeImage()
{

    QTextBlock currentBlock = m_textEdit->textCursor().block();
    QTextBlock::iterator it;

    for (it = currentBlock.begin(); !(it.atEnd()); ++it)
    {

             QTextFragment fragment = it.fragment();



             if (fragment.isValid())
             {

                 if(fragment.charFormat().isImageFormat ())
                 {
                      QTextImageFormat newImageFormat = fragment.charFormat().toImageFormat();

                      QPair<double, double> size = ResizeImageDialog::getNewSize(this, newImageFormat.width(), newImageFormat.height());

                      newImageFormat.setWidth(size.first);
                      newImageFormat.setHeight(size.second);

                      if (newImageFormat.isValid())
                      {
                          //QMessageBox::about(this, "Fragment", fragment.text());
                          //newImageFormat.setName(":/icons/text_bold.png");
                          QTextCursor helper = m_textEdit->textCursor();

                          helper.setPosition(fragment.position());
                          helper.setPosition(fragment.position() + fragment.length(),
                                              QTextCursor::KeepAnchor);
                          helper.setCharFormat(newImageFormat);
                      }
                  }
              }
       }
}

当然，我还实现了 ResizeImageDialog 对话框的 getNewSize(this, newImageFormat.width(), newImageFormat.height()); 函数，该函数获取图像的当前大小并让用户更改大小，并以 QPair 形式返回图像的新大小。这并不难做到。请参阅此处 用于执行对话框。

Answer 2

以上是很常见的要求，但在 Qt 中实现起来并不直接。在 QTextEdit 中调整图像大小的框架是棘手的部分。我使用不同的方法。我在 QTextEdit 顶部绘制一个小部件，作为图像周围的橡皮筋。为了实现这一点，我做了以下工作：

1. 我实现了另一个小部件（继承自 QWidget），它像虚线框架一样绘制自身。当提供正确的尺寸时，它会像图像周围的橡皮筋选择一样绘制自己，并在用户结束调整橡皮筋大小后为您提供新的图像尺寸。当然，如果您使用橡皮筋小部件的虚拟 resizeEvent(...) 函数并发出自己的信号，则在调整橡皮筋大小期间也可以调整图像大小。作为橡皮筋小部件的父级，设置 QTextEdi->viewport() 以获得橡皮筋小部件的正确视口位置。

2. 创建另一个类（MyTextEditDecorator），它简单地继承自 QObject 并将其自身安装为 QTextEdit 和 QTextEdit 视口的事件过滤器。它还可以将橡皮筋功能与您可能已经拥有的其余代码很好地隔离。在 MyTextEditDecorator::eventFilter(...) 函数内部捕获 MouseButtonPress、MouseButtonRelease、Paint 和 Resize 事件。当用户在图像或图像边框内单击时（即当光标格式为 QTextImageFormat 时）显示橡皮筋小部件，并在文本光标位于图像格式之外时隐藏它。

例如，如果您希望当用户通过键盘移动文本光标时出现橡皮筋选择，您可能需要挂钩 QTextEdit::cursorPositionChanged()。出于我的目的，在输入文本和新创建图像格式的情况下，我还需要 currentCharFormatChanged() 和 textChanged() 信号。您还需要在视口中找到图像的 x,y 位置，以将橡皮筋小部件正确放置在图像周围。我使用 QTextEdit::cursorRect(imageSelectedCursor)。如果您支持不同的图像对齐方式，也请准备好进行调整。另一个查找 X、Y 屏幕位置的有用函数是 QTextLayout::lineForTextPosition(textCursor.position()) 以获得正确的 QTextLine 和 QTextLine::rect()。

要使用橡皮筋调整图像大小需要付出很多额外的努力，请阅读以上内容作为指南。我亲自实现了它，它可以在专业的文本编辑应用程序中运行。很抱歉没有在这里发布完整的解决方案。它很长并且有版权。希望以上指南对某人有所帮助。我已经测试了几种解决方案，但这是唯一一种提供完整且封装的内部编辑器图像橡皮筋调整大小而不会干扰 QTextEdit 代码和 Qt 库内部结构的解决方案。

Answer 3

这个问题有点老了，但我也遇到了同样的问题，并且在过去的 4 周里一直困扰着我。您可以在这里找到我完成的免费实现：
https://github.com/partsoft-de/cutex
相关类是QxMouseGripBand，在QxTextEdit中使用。