QTableWidget中的表格顯示圖片有幾種方式：

需要先將圖片載入為資源。

1.直接在建立QTableWidgetItem的時候建立,如

tableWdiget->setItem(0,1,new QTableWidgetItem(QIcon(":/image/cpu")," "));

2.通過在item中建立一個label，通過label的setPixMap函式來顯示圖片：

QLabel*label=newQLabel("");

label->setPixmap(QPixmap(":/image/grid").scaled(30,30));

ui->matrixViewTable->setCellWidget(0,i,label);
 

3.通過繼承 QStyledItemDelegate類使用委託來實現item中顯示圖片:

classQPixmapItemdele:publicQStyledItemDelegate

{

public:

QPixmapItemdele(QObject*parent=0):QStyledItemDelegate(parent){ }

    //在委託類的paint中畫圖

virtualvoidpaint(QPainter*painter,constQStyleOptionViewItem&option,constQModelIndex&index)const

{

if(index.data(Qt
 
::DisplayRole).canConvert<QPixmap>())

{

QPixmappix=index.data(Qt::DisplayRole).value<QPixmap>();

painter->drawPixmap(option.rect,pix);

}

QStyledItemDelegate::paint(painter,option,index);

}

};

然後為tablewidget設定委託，後面就可以設定具體的某項的圖片：

  ui->matrixViewTable->setItemDelegate(newQPixmapItemdele
 
());

       //以下是設定第一行的所有列的圖片

    for(inti=0;i<ui->matrixViewTable->columnCount();i++)

{

QTableWidgetItem*item=newQTableWidgetItem();

ui->matrixViewTable->setItem(0,i,item);

item->setData(Qt::DisplayRole,QVariant::fromValue<QPixmap>(QPixmap(":/image/grid").scaled(30,30)));

}

以上三種方法，法一直接在item上建立Icon，則表中每個Item表示為左邊icon，右邊為icon對應的text，即使text為空，也會留出很大的空間出來，導致左邊的icon很小，

可以用以下語句來設定左邊圖示大小:

ui->matrixViewTable->setIconSize(QSize(30,30));

但是右邊還是有text留出來的空間，如果想讓icon充滿整個item，則此方法沒法達成。

法二通過item中建立label來setPixMap的方式可以讓icon充滿整個item，但是顯示出來的icon用滑鼠點選不會有選擇動作發生，或者也許可以處理點選事件(未試過，不知是否能行)。

法三繼承委託能夠讓圖片充滿整個item，同時選擇圖片時，會出現選擇框，不至於像法二一樣點選了沒有任何反應。

以下是法三QWidgetTable使用委託的程式碼(委託類已在上面給出)：

ui->matrixViewTable->setItemDelegate(newQPixmapItemdele());

intcolcount=17;

introwcount=2;

ui->matrixViewTable->setColumnCount(colcount);

ui->matrixViewTable->setRowCount(rowcount);

ui->matrixViewTable->horizontalHeader()->setVisible(false);

ui->matrixViewTable->verticalHeader()->setVisible(false);

ui->matrixViewTable->setSelectionMode(ui->matrixViewTable->NoSelection);

ui->matrixViewTable->setEditTriggers(ui->matrixViewTable->SelectedClicked);

ui->matrixViewTable->setShowGrid(false);

ui->matrixViewTable->setFrameShape(QFrame::NoFrame);

constintwidth=30;

for(inti=0;i<ui->matrixViewTable->columnCount();i++)

{

ui->matrixViewTable->setColumnWidth(i,width);

//設定第8列為間隔行，不允許點選或選擇

if(i==8)

{

QTableWidgetItem*itm1=newQTableWidgetItem();

ui->matrixViewTable->setItem(0,i,itm1);

itm1->setFlags(Qt::NoItemFlags);

QTableWidgetItem*itm2=newQTableWidgetItem();

ui->matrixViewTable->setItem(1,i,itm2);

itm2->setFlags(Qt::NoItemFlags);

continue;

}

QTableWidgetItem*item=newQTableWidgetItem();

ui->matrixViewTable->setItem(0,i,item);

item->setData(Qt::DisplayRole,QVariant::fromValue<QPixmap>(QPixmap(":/image/grid").scaled(30,30)));

QTableWidgetItem*item2=newQTableWidgetItem();

ui->matrixViewTable->setItem(1,i,item2);

item2->setData(Qt::DisplayRole,QVariant::fromValue<QPixmap>(QPixmap(":/image/grid").scaled(30,30)));

}

ui->matrixViewTable->setColumnWidth(8,15);

以下是執行生成的效果，每個表格中間是一個圖片：

使用委託能夠在表格中顯示圖片，但是如果要在表格中畫圖，比如畫線，則使用委託畫出來的圖會把線覆蓋掉，也就是線會有畫出來，但是看不到，實際是畫了在圖的下面。

在表格中顯示圖片還有第4種方法，安裝事件過濾器，然後在過濾器函式EventFilter()函式中進行畫圖。因為此處用到的QTableWidget是Widget中的一個控制元件，因此可以安裝事件過濾器，讓Widget監視QTableWidget中的事件。程式碼如下，在類中重寫QWidget類的eventFilter函式，然後建立表格時，每一列就建立為空，在evenFilter函式中檢測到paint事件時才進行將圖片畫到表格中。

classMatrixView:publicQWidget

{

Q_OBJECT

public:

explicitMatrixView(QWidget*parent=0);

~MatrixView();

public:

booleventFilter(QObject*,QEvent*); 

private:

voidInitTableWidget();

boolIsMouseInTableWidget(QEvent*event,QPoint&p);

voidSetPointToCenter(QPoint&);

private:

Ui::MatrixView*ui;

QPointm_beginP;

QPointm_endP;

boolm_bmove;

boolm_brelease;

};

//以下是在建構函式中建立表格，表格其他部分與上面程式碼一樣

m_bmove=false;

m_brelease=false;

//必須是tablewidget的viewport註冊事件過濾才會有滑鼠事件，如果是tablewidget註冊，則收到除了滑鼠事件外的其他事件，也就是滑鼠事件收不到

ui->matrixViewTable->viewport()->installEventFilter(this);

for(inti=0;i<ui->matrixViewTable->columnCount();i++)

{

ui->matrixViewTable->setColumnWidth(i,COL_WIDTH);

//設定第8列為間隔行，不允許點選或選擇

if(i==NULL_COL)

{

QTableWidgetItem*itm1=newQTableWidgetItem();

ui->matrixViewTable->setItem(0,i,itm1);

itm1->setFlags(Qt::NoItemFlags);

QTableWidgetItem*itm2=newQTableWidgetItem();

ui->matrixViewTable->setItem(1,i,itm2);

itm2->setFlags(Qt::NoItemFlags);

continue;

}

QTableWidgetItem*item=newQTableWidgetItem();

ui->matrixViewTable->setItem(0,i,item);

//使用委託顯示圖片

//item->setData(Qt::DisplayRole,QVariant::fromValue<QPixmap>(QPixmap(pixmap).scaled(30,30)));

QTableWidgetItem*item2=newQTableWidgetItem();

ui->matrixViewTable->setItem(1,i,item2);

//item2->setData(Qt::DisplayRole,QVariant::fromValue<QPixmap>(QPixmap(pixmap).scaled(30,30)));

}

//在eventFilter中獲取tablewidget的滑鼠按下、移動，釋放事件，進行畫線，在畫線之前進行畫圖。此處畫圖的效果與法三的效果一樣，且可以在圖上面畫線。如果不需要處理滑鼠事件，此處可以忽略3個滑鼠事件的判斷。

boolMatrixView::eventFilter(QObject*object,QEvent*event)

{

//qDebug("%stype:%d",object->objectName().toStdString().c_str(),event->type());

if(object->objectName()!=QString("qt_scrollarea_viewport"))

{

returnQWidget::eventFilter(object,event);

}

if(event->type()==QEvent::MouseButtonPress)

{

if(IsMouseInTableWidget(event,m_beginP))

{

m_endP=m_beginP;

update();

}

}

if(event->type()==QEvent::MouseButtonRelease)

{

IsMouseInTableWidget(event,m_endP);

m_brelease=true;

SetPointToCenter(m_endP);

update();

}

if(event->type()==QEvent::MouseMove)

{

QMouseEvent*mouseEvent=static_cast<QMouseEvent*>(event);

//不進行判斷左右鍵，如果判斷左右鍵，會導致m_endP有時無值，畫出的線斷斷續續

m_endP=mouseEvent->pos();

m_bmove=true;

update();

}

if(event->type()==QEvent::Paint)

{

QPainterpaint(ui->matrixViewTable->viewport());

//使用paint事件在表格中畫圖

intw=COL_WIDTH;

inth=ui->matrixViewTable->rowHeight(0);

for(inti=0;i<ui->matrixViewTable->columnCount()-1;i++)

{

intx=i>=NULL_COL?i*COL_WIDTH+NULL_COL_WIDTH:i*COL_WIDTH;

inty=0;

inty1=ui->matrixViewTable->rowHeight(0);

QPixmappix(":/image/grid");

paint.drawPixmap(QRect(x,y,w,h),pix);

QPixmappix1(":/image/grid");

paint.drawPixmap(QRect(x,y1,w,h),pix1);

}

//在表格中畫線，線隨滑鼠動

if(m_bmove)

{

QPenpen(Qt::black,5);

paint.setPen(pen);

SetPointToCenter(m_beginP); //取得滑鼠最接近項的中心點

paint.drawPoint(m_beginP);

QPenpen1(Qt::black,3);

paint.setPen(pen1);

paint.drawLine(m_beginP,m_endP);

QPenpen2(Qt::black,5);

paint.setPen(pen2);

paint.drawPoint(m_endP);

}

if(m_brelease)

{

m_bmove=false;

m_brelease=false;

}

}

//此處必須返回基類的eventFilter，以讓基類有機會進行處理其他事情，否則單單返回true，Qtablewidget上面將無其他東西顯示

returnQWidget::eventFilter(object,event);

}

//判斷滑鼠按下的點是否在表格內，可無需關注

boolMatrixView::IsMouseInTableWidget(QEvent*event,QPoint&point)

{

if(event->type()==QEvent::MouseButtonPress||

event->type()==QEvent::MouseButtonRelease||

event->type()==QEvent::MouseMove)

{

QMouseEvent*mouseEvent=static_cast<QMouseEvent*>(event);

if(mouseEvent->button()==Qt::LeftButton)

{

QPointp=mouseEvent->pos();

//檢查滑鼠位置是否點在列表的項中，需要考慮中間空白間隔的那列除外

intcol=p.x()/COL_WIDTH>=NULL_COL?(p.x()+NULL_COL_WIDTH)/COL_WIDTH:p.x()/COL_WIDTH;

introw=p.y()/ui->matrixViewTable->rowHeight(0);

if(col<ui->matrixViewTable->columnCount()&&row<ui->matrixViewTable->rowCount())

{

if(col!=NULL_COL)

{

point=p;

returntrue;

}

}

}

}

returnfalse;

}

//取得最靠近該點的項的中心點，可無需關注

voidMatrixView::SetPointToCenter(QPoint&point)

{

intx=0;

if(point.x()/COL_WIDTH<NULL_COL)

{

x=point.x()/COL_WIDTH*COL_WIDTH+COL_WIDTH/2;

}

else

{

//因為第8列是空列，所以要排除這一列，先將point所在的x座標減去8列前的部分，得到超出8列後的部分，就可以按照取中心點的方法取得這超出後部分的中心點，再加上8列前部分的位置，就得到最終的中心點

intnull_col_end_x=NULL_COL*COL_WIDTH+NULL_COL_WIDTH;

x=null_col_end_x+(point.x()-null_col_end_x)/COL_WIDTH*COL_WIDTH+COL_WIDTH/2;

}

inth=ui->matrixViewTable->rowHeight(0);

inty=point.y()/h*h+h/2;

point=QPoint(x,y);

}

效果 圖：(圖中直線上的折線是抗鋸齒，如果線寬小的話就不會這麼明顯)