QTableWidget自定义代理，实现自动换行

已于 2024-07-05 10:50:27 修改
阅读量1.2k 收藏 3
点赞数 2
CC 4.0 BY-SA版权
分类专栏： QT 文章标签： 前端 开发语言 c++ QT QTableWidget
于 2024-06-13 16:42:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41567921/article/details/139658233

尝试使用setWordWrap(true)，但是仅对中文有效，对英文不会自动换行，最后只能用代理。

1.代理实现

class WordWrapDelegate : public QStyledItemDelegate 
{
public:
	using QStyledItemDelegate::QStyledItemDelegate;

	void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const override;

	QSize sizeHint(const QStyleOptionViewItem &option, const QModelIndex &index) const override;
};

 1.1进行中英文自动换行

void WordWrapDelegate::paint(QPainter * painter, const QStyleOptionViewItem & option, const QModelIndex & index) const
{
	QStyleOptionViewItem opt = option;
	initStyleOption(&opt, index);

	// 创建一个 QTextDocument 并设置其内容
	QTextDocument doc;
	//设置样式
	QString html = QString(
		"<div style='font-size: 16px;"
		"font-family: Source Han Sans CN Regular;"
		"font-weight: 400;"
		"color:#FFFFFF; '>%1</div>"
	).arg(opt.text);
	doc.setHtml(html);
	doc.setTextWidth(opt.rect.width());
	//doc.setHtml(opt.text);//如果不设置样式，就直接写这一句

	painter->save();

    // 绘制背景（包括选中状态/鼠标悬停状态）
	if ((opt.state & QStyle::State_Selected) || (opt.state & QStyle::State_MouseOver)) {
		painter->fillRect(opt.rect, opt.palette.highlight());
	}
	else {
		painter->fillRect(opt.rect, opt.palette.base());
	}

	// 调整 painter 的剪裁区域，以避免绘制超出单元格的内容
	painter->setClipRect(opt.rect);

	// 将文本绘制到单元格中
	QRect textRect = opt.rect;
	painter->translate(textRect.topLeft());
	doc.drawContents(painter);

	painter->restore();
}

QSize WordWrapDelegate::sizeHint(const QStyleOptionViewItem & option, const QModelIndex & index) const
{
	QStyleOptionViewItem opt = option;
	initStyleOption(&opt, index);

	// 创建一个 QTextDocument 并设置其内容
	QTextDocument doc;
	//设置样式
	QString html = QString(
		"<div style='font-size: 16px;"
		"font-family: Source Han Sans CN Regular;"
		"font-weight: 400;"
		"color:#FFFFFF; '>%1</div>"
	).arg(opt.text);
	doc.setHtml(html);
	doc.setTextWidth(opt.rect.width());
	//doc.setHtml(opt.text);

	return QSize(doc.idealWidth(), doc.size().height());
}

 1.2进行中英文自动换行，并实现水平垂直居中

void WordWrapDelegate::paint(QPainter * painter, const QStyleOptionViewItem & option, const QModelIndex & index) const
{
	painter->save();

	// 绘制背景和高亮
	painter->setClipRect(option.rect);
	if ((option.state & QStyle::State_Selected) || (option.state & QStyle::State_MouseOver))
	{
		painter->fillRect(option.rect, option.palette.highlight());
	}
	else
	{
		painter->fillRect(option.rect, option.palette.base());
	}
	QRect textRect = option.rect;

	// 绘制文本
	QTextDocument doc;
	QString html = QString(
		"<div style='font-size: 16px;"
		"font-family: Source Han Sans CN Regular;"
		"font-weight: 400;"
		"color:#FFFFFF; '>%1</div>"
	).arg(index.data(Qt::DisplayRole).toString());
	doc.setHtml(html);
	doc.setTextWidth(textRect.width());

	//设置边距，以防遮挡文字
	QTextFrameFormat frameFormat;
	if (index.column() == 0)
	{
		frameFormat.setMargin(3);
	}
	else
	{
		frameFormat.setMargin(1);
	}
	QTextFrame *rootFrame = doc.rootFrame();
	rootFrame->setFrameFormat(frameFormat);

	// 创建 QTextOption 对象
	QTextOption textOption;
	// 设置文本对齐方式为垂直居中
	if (index.column() == 0)
	{
		textOption.setAlignment(Qt::AlignLeft | Qt::AlignVCenter);//靠左
	}
	else
	{
		textOption.setAlignment(Qt::AlignCenter);
	}
	textOption.setWrapMode(QTextOption::WrapAnywhere);
	// 将文本选项应用到文档
	doc.setDefaultTextOption(textOption);

	// 计算文本的垂直中心位置
	QFontMetrics metrics(painter->font());
	int textHeight = metrics.height(); 
	int textWidth = metrics.width(index.data(Qt::DisplayRole).toString());
	int verticalCenter = textRect.center().y() - textHeight / 2;
	if (textWidth> textRect.width())//存在换行情况
	{
		int nRow = textWidth / textRect.width() + 1;//算换行后共有几行
		int nMoveCenter = abs(textRect.height() - textHeight) / 2;
		painter->translate(textRect.x(), textRect.center().y() - nMoveCenter);
	}
	else
	{
		painter->translate(textRect.x(), verticalCenter);
	}

	doc.drawContents(painter);

	painter->restore();
}

QSize WordWrapDelegate::sizeHint(const QStyleOptionViewItem & option, const QModelIndex & index) const
{
	QStyleOptionViewItem opt = option;
	initStyleOption(&opt, index);

	// 创建一个 QTextDocument 并设置其内容
	QTextDocument doc;
	//设置样式
	QString html = QString(
		"<div style='font-size: 16px;"
		"font-family: Source Han Sans CN Regular;"
		"font-weight: 400;"
		"color:#FFFFFF; '>%1</div>"
	).arg(opt.text);
	doc.setHtml(html);
	doc.setTextWidth(opt.rect.width());
	//doc.setHtml(opt.text);

	QSize size = doc.size().toSize();
	int textHeight = opt.fontMetrics.height();
	size.setHeight(size.height() + textHeight / 2);//计算需要的高度

	return size;
}

1.3第一列添加复选框，并实现中英文自动换行

完全重绘，与部分重绘不太一样。

void WordWrapDelegate::paint(QPainter * painter, const QStyleOptionViewItem & option, const QModelIndex & index) const
{
	painter->save();

	// 绘制背景和高亮
	painter->setClipRect(option.rect);
	if ((option.state & QStyle::State_Selected) || (option.state & QStyle::State_MouseOver))
	{
		painter->fillRect(option.rect, option.palette.highlight());
	}
	else
	{
		painter->fillRect(option.rect, option.palette.base());
	}
	QRect textRect = option.rect;

	// 绘制复选框
	if (index.column() == 0)
	{
		QStyleOptionButton checkBoxOption;
		QRect checkBoxRect = option.rect;
		checkBoxRect.setWidth(option.rect.height());  // 让复选框变为正方形
		checkBoxOption.rect = checkBoxRect;
		checkBoxOption.state = QStyle::State_Enabled;
		if (index.data(Qt::CheckStateRole).toBool())
		{
			checkBoxOption.state |= QStyle::State_On;
		}
		else
		{
			checkBoxOption.state |= QStyle::State_Off;
		}
		QApplication::style()->drawControl(QStyle::CE_CheckBox, &checkBoxOption, painter);
	}

	// 绘制文本
	QTextDocument doc;
	QString html = QString(
		"<div style='font-size: 16px;"
		"font-family: Source Han Sans CN Regular;"
		"font-weight: 400;"
		"color:#FFFFFF; '>%1</div>"
	).arg(index.data(Qt::DisplayRole).toString());
	doc.setHtml(html);
	doc.setTextWidth(textRect.width());

	// 设置文本块格式为中心对齐
	QTextBlockFormat blockFormat;
	if (index.column() == 0)
	{
		blockFormat.setAlignment(Qt::AlignLeft);
		textRect.setLeft(textRect.left() + 20);

		//设置边距，以防遮挡文字
		QTextFrameFormat frameFormat;
		frameFormat.setRightMargin(25);
		QTextFrame *rootFrame = doc.rootFrame();
		rootFrame->setFrameFormat(frameFormat);
	}
	else
	{
		blockFormat.setAlignment(Qt::AlignCenter);
	}

	painter->translate(textRect.topLeft());
	doc.drawContents(painter);

	painter->restore();
}

QSize WordWrapDelegate::sizeHint(const QStyleOptionViewItem & option, const QModelIndex & index) const
{
	QStyleOptionViewItem opt = option;
	initStyleOption(&opt, index);

	// 创建一个 QTextDocument 并设置其内容
	QTextDocument doc;
	//设置样式
	QString html = QString(
		"<div style='font-size: 16px;"
		"font-family: Source Han Sans CN Regular;"
		"font-weight: 400;"
		"color:#FFFFFF; '>%1</div>"
	).arg(opt.text);
	doc.setHtml(html);
	doc.setTextWidth(opt.rect.width());
	//doc.setHtml(opt.text);

	QSize size = doc.size().toSize();
	size.setHeight(qMax(size.height(), opt.fontMetrics.height()));

	// 如果第一列，则添加复选框空间
	if (index.column() == 0) {
		size.rwidth() += 20; // 复选框宽度为20
	}
	return size;
}

2代理使用

//代理
WordWrapDelegate *delegate = new WordWrapDelegate(tableWidget);
tableWidget->setItemDelegate(delegate);

//插入数据
...

//设置自适应高度、宽度
tableWidget->setWordWrap(true);
tableWidget->resizeColumnsToContents();
tableWidget->resizeRowsToContents();

Qt之QTableView实现自动换行
FucMobile的博客
09-22 2420
上述代码定义了一个名为WrapTextDelegate的自定义委托，它使用QTextDocument来绘制文本，并在需要时自动换行。然而，默认情况下，QTableView中的文本内容在单元格中不会自动换行。委托是一个控件绘制和编辑的代理，我们可以通过重写委托的一些方法来实现自定义的绘制和编辑行为。首先，我们需要创建一个QTableView对象，并将其添加到我们的应用程序中的窗口或布局中。现在，当我们将文本数据设置到QTableView的单元格中时，如果文本内容超过单元格的宽度，它将自动换行显示。
Qt QTableView实现自动换行
2301_79366106的博客
08-16 2017
在QTableView中，每个单元格都是QAbstractItemView类的实例，而QStyledItemDelegate包含两个重要方法：sizeHint()和paint()。在paint()方法中使用QTextDocument类将文本分段并在单元格中绘制多行文本，sizeHint()方法用于支持QTableView中单元格大小的更改。具体来说，在QStyledItemDelegate的paint()方法中，我们可以通过QTextDocument类将文本分段并在单元格中绘制多行文本。
QTableWidget中实现表格的自动换行
热门推荐
u014804795的博客
07-25 2万+
本篇博客用两种方式实现了QTableWidget的自动换行，并附上全部源代码。
利用代理方式向QtableWidget中添加控件资源文件介绍：实现表格控件多样化
最新发布
gitblog_06775的博客
05-15 582
利用代理方式向QtableWidget中添加控件资源文件介绍：实现表格控件多样化 去发现同类优质开源项目:https://gitcode.com/ 项目介绍 在现代软件开发中，Qt 框架因其跨平台、易用性以及功能丰富而受到开发者的青睐。QtableWidget作为Qt中常用的表格控件，提供了基本的数据展示功能。然而，当需要为表格添加更多交互元素时，如按钮、下拉框、日期选择器等，传统的QtableW...
QTableWidget自动换行
不知东方之既白
06-14 2899
1 setWordWrap()方法将文本内容在指定的单词处换行。不要插入一行就调用，界面会卡死。2 全部插入单元格后调用。
设置QTableView的内容自动换行(1)
liji_digital的博客
05-27 9964
使QTableView自动换行的要点有两个： 1 wordWrap属性为true 2 每次更新显示的内容后，要调用resizeRowsToContents() 下面的li'z
设置QTableView的内容自动换行，代理方式
09-25
采用代理方式，实现qtableview的文字自动换行
QTableWidget单元格自动分行显示
波风水门
04-27 3536
前言 最近使用QTableWidget， 使用浑身解数就是不自动换行，像网上说的在设置完数据后调用 resizeRowsToContents(); 就会自动换行，对我而言，没有任何作用，后面发现采用item代理就可以实现换行了，然后后面又发现不采用Item代理，只需要加一句话，也能实现换行，尼玛~~~~，原来官方已经实现了，不过还好我也实践出来了，这行代码网上没有一个人说过，我也是看文档，研究了才实践是可以的，下面我会贴出两种方式，供大家选择使用，想偷懒的直接使用我说的执行设置mode这行代码就ok了，想要
QTableWidget 如何换行
01-07
### QTableWidget 中实现文本自动换行 对于 `QTableWidget` 控件，在默认配置下，单元格内的文字不会自动换行。为了使文字能够在单元格内自然折行并展示全部内容，可以采用特定的方法来调整这一行为。 一种有效的...
QTableView 标题换行显示和富文本显示 qt5.8
12-24
如果这是一个`.cpp`或`.h`文件，你可能会找到关于如何实现标题换行、富文本显示和自定义代理的具体代码示例。 总的来说，通过自定义`QHeaderView`、`QStyledItemDelegate`和使用`delegate`机制，我们可以极大地扩展...
设置QTableView的内容自动换行(2)
liji_digital的博客
09-25 3539
设置QTableView的内容自动换行，采用代理方式
QTableWidget使用自定义代理
tgtsml
05-12 2262
#include <QItemDelegate> #include <QLineEdit> class TableItemEditDelegate : public QItemDelegate { Q_OBJECT public : TableItemEditDelegate(QObject *parent = nullptr) : QItemDeleg...
QT QTableWidget控件按内容自动换行
celerylxq的专栏
10-09 5800
1，在初始化时用了如下代码： connect(m_pCurTblWdg,SIGNAL(itemChanged(QTableWidgetItem*)),m_pCurTblWdg,SLOT(resizeRowsToContents()) ); 能看到效果，内容确实能自动换行，可是出现一个更郁闷的问题，界面卡死，so，该方法用不成； 2，在初始化的地方改用如下函数 m_pCurTblWdg-...
QTableView中文本根据内容自动换行的简单方法
xbnlkdbxl的专栏
05-13 1万+
关于这个，总结一下有两种比较好的方式： 1、自定义QItemDelegate，实现paint函数来对内容换行，实现sizeHint函数来调整行高（未实际测试） 主要内容： void MyWrapTextDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option,
Qt 笔记(1) 为QTableWidget设置自定义代理
falwat的专栏
10-28 5742
参考Qt 例程"Spin Box Delegate Example", 自己实现了 QSpinBoxDelegate,QDoubleSpinBoxDelegate,QComboBoxDelegate 和QDateEditDelegate四个类, 分别用于为QTableWidget 的单元格添加QSpinBox,QDoubleSpinBox,QComboBox 和 QDateEdit代理....
QTableView中文本根据内容自动换行
lacoucou的专栏
06-04 7055
需求：当数据中有\n时，显示成两行。比如数据 11111\n222222显示成：11111 2222222解决办法参考文章：https://blog.csdn.net/xbnlkdbxl/article/details/51396336使用上述方法确实可以换行显示，但是存在单元格无法选中(或者说是选中此行时，此单元格不会高亮显示)；另外，如果此单元格原文设置了颜色的话，也不会显示。针对上边的两个问...
QTableView表头内容根据列宽自动换行
luo_bin2010的专栏
06-30 2367
QTableview表头自动换行，Qheaderview自动换行
QTableWidget 自动分行
坤仔的专栏
07-11 3877
QTableWidget 自动分行方法
QTableWidget表格自动换行遇到的问题
qq_43229668的博客
02-03 2247
QT表格控件自动设置行高遇到问题
实现QTableWidget自定义代理的四种类方法
### 自定义代理实现 为了实现QTableWidget的自定义代理，我们通常需要继承自QStyledItemDelegate或者QItemDelegate，并重写相关的方法。例如： - `createEditor()` 方法用于创建与委托关联的编辑器。这些编辑器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值