<学习QT>在QListWidget中实现每个单元项显示文字在上图片在下

最新推荐文章于 2024-01-13 16:09:42 发布

原创

最新推荐文章于 2024-01-13 16:09:42 发布 · 1.3k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#python #css #java #opencv #计算机视觉

　　今天要实现一个新的需求，要求一个选图界面的每个单元项以文字在上，图片在下的形式显示。但QListWidget中只有两种搭配，一是文字在下图片在上，二是图片在左文字在右，如下图所示。

　　查找资料后，受到这位朋友的启发(https://blog.youkuaiyun.com/DK29030901065/article/details/50017795?utm_source=blogxgwz5)，可以把要呈现的图片和文字转化为图片画在QListWidgetItem，实现代码大概如下。

//文字框高度
const int textHight = 30;

//图片框距左边界距离
const int imgMarin = 20;

//获得图片路径
QString strPath = "./library/1.bmp";

QFileInfo fi(strPath);
if(fi.isFile())
{
    
    //生成图像objPixmap
    QPixmap objPixmap(strPath);
    
    //生成图标对象
    QPixmap iconPixmap(m_W_ICONSIZE,m_H_ICONSIZE);
    iconPixmap.fill(QColor(255,255,255));
    
    // 在图标上生成QPainter对象
    QPainter painter(&iconPixmap);
    
    // 设置画笔颜色
    painter.