Qt樹形控件QTreeView使用1——節點的添加刪除操作

目錄:

Qt樹形控件QTreeView使用1——節點的操作

Qt樹形控件QTreeView使用2——複選框的設置


QTreeView 和 QStandardItemModel的使用

QtreeView是ui中最常用的控件,Qt中QTreeWidget比QTreeView更簡單,但沒有QTreeView那麼靈活(QTreeWidget封裝的和MFC的CTreeCtrl很類似,沒有mvc的特點)。

1. QStandardItemModel在QTreeView中的使用

使用QTreeView的對應模型是QStandardItemModel,這個是Qt對應ui界面最有用的模型,它可以用於樹形控件、列表控件、表格控件等等和條目有關的控件。QStandardItemModel用於列表和表格控件還是很好理解的,但是用於樹形控件就有點難以理解了,實際上,在樹形控件中,QStandardItemModel也挺簡單的。
首先要做的當然是新建一個model對象,可以使用成員變量或者局部變量。成員變量好處是,使用這個model時不用調用函數和進行類型轉換,但如果在model銷燬時沒有對成員變量進行操作就可能發生不可預料的錯誤。
下面演示局部變量的做法:
QStandardItemModel* model = new QStandardItemModel(ui->treeView_Pro);
QStandardItemModel的父級最好定義,因爲這樣可以不用你自己銷燬,Qt的智能指針機制是非常方便的。在這裏定義了一個它關聯的樹形控件作爲它的父級。
注意:如果這個模型有許多控件公用,那麼它的父級最好是這些控件的父級窗口,因爲,Qt的父級機制是“老爹死兒子必須先死”,如果控件A和控件B都同時使用模型1,而建立模型1時定義了模型1的控件A爲其父級,那麼如果控件A銷燬時,模型1也會被一起同歸於盡,而這時控件B就會發生不可預料的錯誤了。

1.1 表頭添加

表頭添加使用setHorizontalHeaderLabels函數最爲簡單
model->setHorizontalHeaderLabels(QStringList()<<QStringLiteral("項目名")<<QStringLiteral("信息"));
上段代碼將是添加兩個表頭,一個爲項目名一個爲信息,效果如下圖:(已經ui->treeView_Pro->setModel(model);


1.2 給樹形視圖添加條目

在模型添加好後,說說條目的添加。
QStandardItemModel有setItem函數,用於添加條目,由於這是一個樹形控件,傳統的樹形控件只有最左邊才能展開,除了左邊的內容,右邊的內容是沒有展開能力的。添加樹形控件的根條目可以使用appendRow函數,setItem也可以。
QStandardItem* itemProject = new QStandardItem(m_publicIconMap[QStringLiteral("treeItem_Project")],QStringLiteral("項目"));
model->appendRow(itemProject);
//以下作用同appendRow
//model->setItem(0,0,itemProject);
//model->setItem(0,itemProject);

代碼中m_publicIconMap是定義好的圖標其在之前進行初始化,初始化代碼如下:
m_publicIconMap[QStringLiteral("treeItem_Project")] =QIcon(QStringLiteral(":/treeItemIcon/res_treeItemIcon/Project.png"));
m_publicIconMap[QStringLiteral("treeItem_folder")] =QIcon(QStringLiteral(":/treeItemIcon/res_treeItemIcon/folder.png"));
m_publicIconMap[QStringLiteral("treeItem_folder-ansys")] =QIcon(QStringLiteral(":/treeItemIcon/res_treeItemIcon/folder-ansys.png"));
m_publicIconMap[QStringLiteral("treeItem_group")] =QIcon(QStringLiteral(":/treeItemIcon/res_treeItemIcon/group.png"));
m_publicIconMap[QStringLiteral("treeItem_channel")] =QIcon(QStringLiteral(":/treeItemIcon/res_treeItemIcon/channel.png"));

圖標:

上段代碼的運行效果如圖:

下面給這個項目條目下添加一個子項目。
子項目的添加需要操作QStandardItem,既是上面代碼創建的itemProject變量。
QStandardItem的appendRow和setChild方法等價於QStandardItemModel的appendRow和setItem
QStandardItem* itemChild = new QStandardItem(m_publicIconMap[QStringLiteral("treeItem_folder")],QStringLiteral("文件夾1"));
itemProject->appendRow(itemChild);
//setChild效果同上
//itemProject->setChild(0,itemChild);

上面代碼執行後給itemProject條目添加了一個行,這一行屬於他的子條目,上代碼運行效果如下圖:

這樣就可以隨心所欲的添加了。但是第二列的信息怎麼添加呢。
其實道理一樣,QStandardItemModel 的setItem和QStandardItem的setChild函數都有關於列的重載,具體看下面的代碼:
QStandardItem* itemProject = new QStandardItem(m_publicIconMap[QStringLiteral("treeItem_Project")],QStringLiteral("項目"));
model->appendRow(itemProject);
model->setItem(0/*model->indexFromItem(itemProject).row()*/,1,new QStandardItem(QStringLiteral("項目信息說明")));
QStandardItem* itemChild = new QStandardItem(m_publicIconMap[QStringLiteral("treeItem_folder")],QStringLiteral("文件夾1"));
itemProject->appendRow(itemChild);
itemProject->setChild(0/*itemChild->index().row()*/,1,new QStandardItem(QStringLiteral("信息說明")));
效果:


使用model->indexFromItem(itemProject).row()可以不用記得當前的條目是第幾行。
對於複雜的目錄生成見下面這段代碼:
    QStandardItemModel* model = new QStandardItemModel(ui->treeView_Pro);
    model->setHorizontalHeaderLabels(QStringList()<<QStringLiteral("項目名")<<QStringLiteral("信息"));
    QStandardItem* itemProject = new QStandardItem(m_publicIconMap[QStringLiteral("treeItem_Project")],QStringLiteral("項目"));
    model->appendRow(itemProject);
    model->setItem(model->indexFromItem(itemProject).row(),1,new QStandardItem(QStringLiteral("項目信息說明")));
    QStandardItem* itemFolder = new QStandardItem(m_publicIconMap[QStringLiteral("treeItem_folder")],QStringLiteral("文件夾1"));
    itemProject->appendRow(itemFolder);
    itemProject->setChild(itemFolder->index().row(),1,new QStandardItem(QStringLiteral("信息說明")));
    itemFolder = new QStandardItem(m_publicIconMap[QStringLiteral("treeItem_folder")],QStringLiteral("文件夾2"));
    itemProject->appendRow(itemFolder);
    for(int i=0;i<5;++i){
        QStandardItem* itemgroup = newQStandardItem(m_publicIconMap[QStringLiteral("treeItem_group")],QStringLiteral("組%1").arg(i+1));
        itemFolder->appendRow(itemgroup);
        for(int j=0;j<(i+1);++j){
            QStandardItem* itemchannel = newQStandardItem(m_publicIconMap[QStringLiteral("treeItem_channel")],QStringLiteral("頻道%1").arg(j+1));
            itemgroup->appendRow(itemchannel);
            itemgroup->setChild(itemchannel->index().row(),1,new QStandardItem(QStringLiteral("頻道%1信息說明").arg(j+1)));
        }
    }
    itemProject->setChild(itemFolder->index().row(),1,new QStandardItem(QStringLiteral("文件夾2信息說明")));
    ui->treeView_Pro->setModel(model);
效果:

1.3 條目的其他操作

1.3.1 獲取當前選中的條目

通過QTreeView函數currentIndex()可以獲取當前選中條目的QModelIndex,QModelIndex可以看做是QStandardItem的數據封裝,知道QModelIndex就可以知道QStandardItem,通過QStandardItemModel的itemFromIndex函數即可得到QModelIndex對應的QStandardItem。
如:
QStandardItemModel* model = static_cast<QStandardItemModel*>(ui->treeView->model());
QModelIndex currentIndex = ui->treeView->currentIndex();
QStandardItem* currentItem = model->itemFromIndex(currentIndex);

這裏編一個小程序獲取當前選中的樹形條目
代碼如下:
void Widget::on_treeView_clicked(const QModelIndex &index)
{
 QString str;
 str += QStringLiteral("當前選中:%1\nrow:%2,column:%3\n").arg(index.data().toString())
                       .arg(index.row()).arg(index.column());
 str += QStringLiteral("父級:%1\n").arg(index.parent().data().toString());
 ui->label_realTime->setText(str);
}

on_treeView_clicked(const QModelIndex &index)是樹形控件項目點擊的槽響應函數

程序運行結果如下:當點擊頻道1時,顯示頻道1,
當點擊旁邊的信息說明時選中的是頻道1旁邊的信息說明條目

有時候,“頻道1”和“頻道1信息說明”是屬於同一個條目,再選擇“頻道1信息說明”時,我們可能想得到的是旁邊位於最左邊的“頻道1”,於是就涉及到兄弟節點的獲取。

1.3.2 兄弟節點獲取


節點間無父子關係,有並列關係的就稱爲兄弟節點,如下圖紅框內的10個節點都屬於兄弟節點。

最常用的兄弟節點獲取是“左右”節點,例如點擊“頻道1”要知道頻道1的信息,就需要獲取“頻道1”右邊的兄弟節點“頻道1信息說明”
QModelIndex QAbstractItemModel::sibling(int row, int column, const QModelIndex & index)
QModelIndex QModelIndex::sibling(int row, int column) const
都可以用於獲取兄弟節點信息
例如把on_treeView_clicked(const QModelIndex &index)的代碼改一下,每點擊一條目,無論點擊哪裏,都能獲取它的“名稱”和“信息”:
void Widget::on_treeView_clicked(const QModelIndex &index)
{
    QString str;
    str += QStringLiteral("當前選中:%1\nrow:%2,column:%3\n").arg(index.data().toString())
                        .arg(index.row()).arg(index.column());
    str += QStringLiteral("父級:%1\n").arg(index.parent().data().toString());
    QString name,info;
    if(index.column() == 0)
    {
        name = index.data().toString();
        info = index.sibling(index.row(),1).data().toString();
    }
    else
    {
        name = index.sibling(index.row(),0).data().toString();
        info = index.data().toString();
    }
    str += QStringLiteral("名稱:%1\n信息:%2").arg(name).arg(info);
    ui->label_realTime->setText(str);
}



1.3.3 尋找可見頂層


所謂可見頂層是目錄樹的可見最頂層父節點,如下圖紅框所示

QStandardItem * QStandardItemModel::invisibleRootItem()函數並不是得到我們想要的這個頂層節點,它得到的是所有節點的最終根節點,因此,得到頂層節點需要自己寫操作,下面是根據任意一個節點獲取其可見頂層節點的代碼:
QStandardItem* getTopParent(QStandardItem* item)
{
    QStandardItem* secondItem = item;
    while(item->parent()!= 0)
    {
        secondItem = item->parent();
        item = secondItem;
    }
    if(secondItem->index().column() != 0)
    {
         QStandardItemModel* model = static_cast<QStandardItemModel*>(ui->treeView->model());
         secondItem = model->itemFromIndex(secondItem->index().sibling(secondItem->index().row(),0));
    }
    return secondItem;
}
QModelIndex getTopParent(QModelIndex itemIndex)
{
    QModelIndex secondItem = itemIndex;
    while(itemIndex.parent().isValid())
    {
        secondItem = itemIndex.parent();
        itemIndex = secondItem;
    }
    if(secondItem.column() != 0)
    {
         secondItem = secondItem.sibling(secondItem.row(),0);
    }
    return secondItem;
}



根據任意節點信息找到其最後的父級節點
使用如下:
QString top = getTopParent(index).data().toString();
str += QStringLiteral("頂層節點名:%1\n").arg(top);
效果:






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