QT QTableView用法

http://blog.csdn.net/wang_lichun/article/details/7805253


QTableView常用於實現數據的表格顯示。下面我們如何按步驟實現學生信息表格:

一 添加表頭

    //準備數據模型
    QStandardItemModel *student_model = new QStandardItemModel();
    student_model->setHorizontalHeaderItem(0, new QStandardItem(QObject::tr("Name")));
    student_model->setHorizontalHeaderItem(1, new QStandardItem(QObject::tr("NO.")));
    student_model->setHorizontalHeaderItem(2, new QStandardItem(QObject::tr("Sex")));
    student_model->setHorizontalHeaderItem(3, new QStandardItem(QObject::tr("Age")));
    student_model->setHorizontalHeaderItem(4, new QStandardItem(QObject::tr("College")));
    //利用setModel()方法將數據模型與QTableView綁定
    ui->student_tableview->setModel(student_model);


二 設置表格屬性

    //設置列寬不可變動,即不能通過鼠標拖動增加列寬        
    ui->student_tableview->horizontalHeader()->setResizeMode(0, QHeaderView::Fixed);   
    ui->student_tableview->horizontalHeader()->setResizeMode(1, QHeaderView::Fixed);   
    ui->student_tableview->horizontalHeader()->setResizeMode(2, QHeaderView::Fixed);   
    ui->student_tableview->horizontalHeader()->setResizeMode(3, QHeaderView::Fixed);   
    ui->student_tableview->horizontalHeader()->setResizeMode(4, QHeaderView::Fixed);   

    //設置表格的各列的寬度值        
    ui->student_tableview->setColumnWidth(0,100);    
    ui->student_tableview->setColumnWidth(1,100);    
    ui->student_tableview->setColumnWidth(2,100);    
    ui->student_tableview->setColumnWidth(3,100);    
    ui->student_tableview->setColumnWidth(4,100);       

    //默認顯示行頭,如果你覺得不美觀的話,我們可以將隱藏        
    ui->student_tableview->verticalHeader()->hide();      

    //設置選中時爲整行選中        
    ui->student_tableview->setSelectionBehavior(QAbstractItemView::SelectRows);         
      
    //設置表格的單元爲只讀屬性,即不能編輯        
    ui->student_tableview->setEditTriggers(QAbstractItemView::NoEditTriggers);          

    //如果你用在QTableView中使用右鍵菜單,需啓用該屬性        
    ui->tstudent_tableview->setContextMenuPolicy(Qt::CustomContextMenu);

 

三 動態添加行

    在表格中添加行時,我們只需要在model中插入數據即可,一旦model中的數據發生變化,QTabelView顯示就會做相應的變動

    //在第一行添加學生張三的個人信息(setItem函數的第一個參數表示行號,第二個表示列號,第三個爲要顯示的數據)
    student_model->setItem(0, 0, new QStandardItem(“張三"));
    student_model->setItem(0, 1, new QStandardItem("20120202"));
    student_model->setItem(0, 2, new QStandardItem("男"));
    student_model->setItem(0, 3, new QStandardItem("18"));
    student_model->setItem(0, 4, new QStandardItem("土木學院"));


四 設置數據顯示的樣式

    //設置單元格文本居中,張三的數據設置爲居中顯示
    student_model->item(0, 0)->setTextAlignment(Qt::AlignCenter);
    student_model->item(0, 1)->setTextAlignment(Qt::AlignCenter);
    student_model->item(0, 2)->setTextAlignment(Qt::AlignCenter);
    student_model->item(0, 3)->setTextAlignment(Qt::AlignCenter);
    student_model->item(0, 4)->setTextAlignment(Qt::AlignCenter);

    //設置單元格文本顏色,張三的數據設置爲紅色
    student_model->item(0, 0)->setForeground(QBrush(QColor(255, 0, 0))); 
    student_model->item(0, 1)->setForeground(QBrush(QColor(255, 0, 0))); 
    student_model->item(0, 2)->setForeground(QBrush(QColor(255, 0, 0))); 
    student_model->item(0, 3)->setForeground(QBrush(QColor(255, 0, 0))); 
    student_model->item(0, 4)->setForeground(QBrush(QColor(255, 0, 0)));

    //將字體加粗
    student_model->item(0, 0)->setFont( QFont( "Times", 10, QFont::Black ) );
    student_model->item(0, 1)->setFont( QFont( "Times", 10, QFont::Black ) );
    student_model->item(0, 2)->setFont( QFont( "Times", 10, QFont::Black ) );
    student_model->item(0, 3)->setFont( QFont( "Times", 10, QFont::Black ) );
    student_model->item(0, 4)->setFont( QFont( "Times", 10, QFont::Black ) );

    //設置排序方式,按年齡降序顯示
    student_model->sort(3, Qt::DescendingOrder);



http://hi.baidu.com/sun363587351/item/c551725dc3937e1babf6d752

Qt QTableview使用

QT QTableWidget 用法總結 

分類: QT 平臺技術 
2011-08-18 15:50 256人閱讀 評論(1) 收藏 舉報 

QTableWidget是QT程序中常用的顯示數據表格的空間,很類似於VC、C#中的DataGrid。說到QTableWidget,就必須講一下它跟QTabelView的區別了。QTableWidget是QTableView的子類,主要的區別是QTableView可以使用自定義的數據模型來顯示內容(也就是先要通過setModel來綁定數據源),而QTableWidget則只能使用標準的數據模型,並且其單元格數據是QTableWidgetItem的對象來實現的(也就是不需要數據源,將逐個單元格內的信息填好即可)。這主要體現在QTableView類中有setModel成員函數,而到了QTableWidget類中,該成員函數變成了私有。使用QTableWidget就離不開QTableWidgetItem。QTableWidgetItem用來表示表格中的一個單元格,正個表格都需要用逐個單元格構建起來。


view plain
#include <QtGui/QApplication> 
#include <QTableWidget> 
#include <QTableWidgetItem> 

int main(int argc, char *argv[]) 

QApplication a(argc, argv); 
QTableWidget *tableWidget = new QTableWidget(10,5); // 構造了一個QTableWidget的對象,並且設置爲10行,5列 
// 也可用下面的方法構造QTableWidget對象 
// QTableWidget *tableWidget = new QTableWidget; 
// tableWidget->setRowCount(10); //設置行數爲10 
// tableWidget->setColumnCount(5); //設置列數爲5 
tableWidget->setWindowTitle("QTableWidget & Item"); 
tableWidget->resize(350, 200); //設置表格 
QStringList header; 
header<<"Month"<<"Description"; 
tableWidget->setHorizontalHeaderLabels(header); 
tableWidget->setItem(0,0,new QTableWidgetItem("Jan")); 
tableWidget->setItem(1,0,new QTableWidgetItem("Feb")); 
tableWidget->setItem(2,0,new QTableWidgetItem("Mar")); 

tableWidget->setItem(0,1,new QTableWidgetItem(QIcon("images/IED.png"), "Jan's month")); 
tableWidget->setItem(1,1,new QTableWidgetItem(QIcon("images/IED.png"), "Feb's month")); 
tableWidget->setItem(2,1,new QTableWidgetItem(QIcon("images/IED.png"), "Mar's month")); 
tableWidget->show(); 

return a.exec(); 







一. 對QTableWidget本身的效果實現 

1. 將表格變爲禁止編輯

在默認情況下,表格裏的字符是可以更改的,比如雙擊一個單元格,就可以修改原來的內容,如果想禁止用戶的這種操作,讓這個表格對用戶只讀,可以這樣:

tableWidget->setEditTriggers(QAbstractItemView::NoEditTriggers);



QAbstractItemView.NoEditTriggers是QAbstractItemView.EditTrigger枚舉中的一個,都是觸發修改單元格內容的條件:

QAbstractItemView.NoEditTriggers 

No editing possible. 不能對錶格內容進行修改

QAbstractItemView.CurrentChanged 

Editing start whenever current item changes.任何時候都能對單元格修改

QAbstractItemView.DoubleClicked 

Editing starts when an item is double clicked.雙擊單元格

QAbstractItemView.SelectedClicked 

Editing starts when clicking on an already selected item.單擊已選中的內容

QAbstractItemView.EditKeyPressed 

Editing starts when the platform edit key has been pressed over an item.

QAbstractItemView.AnyKeyPressed 
16 
Editing starts when any key is pressed over an item.按下任意鍵就能修改

QAbstractItemView.AllEditTriggers 
31 
Editing starts for all above actions.以上條件全包括





2. 設置表格爲整行選擇 

tableWidget->setSelectionBehavior(QAbstractItemView::SelectRows); //整行選中的方式

QAbstractItemView.SelectionBehavior枚舉還有如下類型

Constant 
Value 
Description

QAbstractItemView.SelectItems 

Selecting single items.選中單個單元格

QAbstractItemView.SelectRows 

Selecting only rows.選中一行

QAbstractItemView.SelectColumns 

Selecting only columns.選中一列




3.單個選中和多個選中的設置:

tableWidget->setSelectionMode(QAbstractItemView::ExtendedSelection); //設置爲可以選中多個目標

該函數的參數還可以是:

QAbstractItemView.NoSelection 不能選擇

QAbstractItemView.SingleSelection 選中單個目標

QAbstractItemView.MultiSelection 選中多個目標

QAbstractItemView.ExtendedSelection QAbstractItemView.ContiguousSelection 的區別不明顯,主要功能是正常情況下是單選,但按下Ctrl或Shift鍵後,可以多選



4. 表格表頭的顯示與隱藏

對於水平或垂直方法的表頭,可以用以下方式進行 隱藏/顯示 的設置:
view plain
tableWidget->verticalHeader()->setVisible(false); //隱藏列表頭 
tableWidget->horizontalHeader()->setVisible(false); //隱藏行表頭 

注意:需要 #include <QHeaderView>



5. 對錶頭文字的字體、顏色進行設置 
view plain
QTableWidgetItem *columnHeaderItem0 = tableWidget->horizontalHeaderItem(0); //獲得水平方向表頭的Item對象 
columnHeaderItem0->setFont(QFont("Helvetica")); //設置字體 
columnHeaderItem0->setBackgroundColor(QColor(0,60,10)); //設置單元格背景顏色 
columnHeaderItem0->setTextColor(QColor(200,111,30)); //設置文字顏色 

注意:需要 #include <QHeaderView>



6. 在單元格里加入控件:

QTableWidget不僅允許把文字加到單元格,還允許把控件也放到單元格中。比如,把一個下拉框加入單元格,可以這麼做:
view plain
QComboBox *comBox = new QComboBox(); 
comBox->addItem("Y"); 
comBox->addItem("N"); 
tableWidget->setCellWidget(0,2,comBox); 


二. 對單元格的進行設置 

1. 單元格設置字體顏色和背景顏色 及字體字符
view plain
QTableWidgetItem *item = new QTableWidgetItem("Apple"); 
item->setBackgroundColor(QColor(0,60,10)); 
item->setTextColor(QColor(200,111,100)); 
item->setFont(QFont("Helvetica")); 
tableWidget->setItem(0,3,item); 

另:如果需要對所有的單元格都使用這種字體,則可以使用 tableWidget->setFont(QFont("Helvetica"));

2. 設置單元格內文字的對齊方式

這個比較簡單,使用newItem.setTextAlignment()函數即可,該函數的參數爲單元格內的對齊方式,和字符輸入順序是自左相右還是自右向左。

水平對齊方式有:
Constant Value Description
Qt.AlignLeft 0x0001 Aligns with the left edge.
Qt.AlignRight 0x0002 Aligns with the right edge.
Qt.AlignHCenter 0x0004 Centers horizontally in the available space.
Qt.AlignJustify 0x0008 Justifies the text in the available space.



垂直對齊方式:
Constant Value Description
Qt.AlignTop 0x0020 Aligns with the top.
Qt.AlignBottom 0x0040 Aligns with the bottom.
Qt.AlignVCenter 0x0080 Centers vertically in the available space.


如果兩種都要設置,只要用 Qt.AlignHCenter | Qt.AlignVCenter 的方式即可 



3. 合併單元格效果的實現:

tableWidget->setSpan(0, 0, 3, 1) # 其參數爲: 要改變單元格的 1行數 2列數 要合併的 3行數 4列數



4. 設置單元格的大小

首先,可以指定某個行或者列的大小
view plain
tableWidget->setColumnWidth(3,200); 
tableWidget->setRowHeight(3,60); 

還可以將行和列的大小設爲與內容相匹配
view plain
tableWidget->resizeColumnsToContents(); 
tableWidget->resizeRowsToContents(); 


5. 獲得單擊單元格的內容 

通過實現 itemClicked (QTableWidgetItem *) 信號的槽函數,就可以獲得鼠標單擊到的單元格指針,進而獲得其中的文字信息

connect(tableWidget,SIGNAL(itemDoubleClicked(QTreeWidgetItem*,int)),this, SLOT( getItem(QTreeWidgetItem*,int)) );

//將itemClicked信號與函數getItem綁定


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章