在QListWidgetItem上绘制文字和图片

最新推荐文章于 2023-06-05 15:55:15 发布

DK_Jack_8907

最新推荐文章于 2023-06-05 15:55:15 发布

阅读量7.5k

点赞数 5

分类专栏： C++ 文章标签： QT QListWidgetItem绘制图片

本文链接：https://blog.csdn.net/DK29030901065/article/details/50017795

版权

C++ 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

QListWidget上可以同时显示图片和文字，但是只有两种格式：1，图标上+文字下；2，图标左+文字右。

而项目上需要在图标的左上角显示序号，那么以上两种格式无法满足需求，只能另想方案。

经过查阅资料发现，可用画笔QPainter在图标上绘制文字和图片，对应的API是drawText和drawImage。部分代码如下：

// 加载图像
void KClipWidget::LoadClipImage()
{
	for (int i = 0; i < m_clipImgList.size(); i++)
	{
		// 创建剪贴板项
		m_pClipImageItemList.append(new QListWidgetItem());
		// 获取源图像
		QImage sourceImg(m_clipImgList[i]);

		//************************************************************
		// TODO:测试代码
		//************************************************************
		QImage clipImg;
		if (i % 2 == 0)
		{
			clipImg = SetClipAttribute(i,"",sourceImg,*m_cineImage);
		}
		else 
		{
			clipImg = SetClipAttribute(i,"cine",sourceImg,*m_cineImage);
		}
		//************************************************************

		// 获取目标缩略图
		QPixmap targetImg = QPixmap::fromImage(clipImg);

		// 设置单元项的宽度和高度
		m_pClipImageItemList[i]->setSizeHint(QSize(209,144));
		// 加载图像
		m_pClipImageItemList[i]->setIcon(QIcon(targetImg.scaled(QSize(201,135),Qt::IgnoreAspectRatio,Qt::SmoothTransformation)));	
	}
}

// 设置剪贴板的属性（序号，电影标志）
QImage KClipWidget::SetClipAttribute(int index,const char* type,const QImage clipImg,const QImage cineImg)
{
	QImage newImg = clipImg;
	QPainter paiter(&newImg);
	paiter.setCompositionMode(QPainter::CompositionMode_SourceOver);

	// 是否加载电影图标
	if (strcmp(type,S_CLIP_IMAGE_TYPE) == 0)
	{
		// 左电影图标区域
		QRect targetLeft(0.0,0.0,160,1080);
		// 右电影图标区域
		QRect targetRight(1760,0.0,160,1080);
		// Item区域
		QRect source(0.0,0.0,160,1080);
		// 绘制左电影图标
		paiter.drawImage(targetLeft,cineImg.scaled(QSize(160,1080),Qt::IgnoreAspectRatio,Qt::SmoothTransformation),source);
		// 绘制右电影图标
		paiter.drawImage(targetRight,cineImg.scaled(QSize(160,1080),Qt::IgnoreAspectRatio,Qt::SmoothTransformation),source);
	}
	
	// 绘制序号
	QPen pen = paiter.pen();
	pen.setColor(Qt::white);
	QFont font = paiter.font();
	font.setBold(true);
	font.setPixelSize(130);
	paiter.setPen(pen);
	paiter.setFont(font);
	paiter.drawText(newImg.rect(),Qt::AlignTop,QString::number(index + 1));

	return newImg;
}