Qt - 导航栏的实现

Qt - 导航条的实现

此博客始创于：http://blog.csdn.net/lys211

转载请注明出处

看到sssooonnnggg的 【自定义树形结构导航栏】

http://www.qtcn.org/bbs/read-htm-tid-58274.html

于是想着能不能改一改QT的TreeWidget控件来实现这样的效果，最近抽空做了个出来，初步效果图如下：

时间原因，不想再对UI进行细调了。

想跟原版进行对比的，请从文章开头的url跳转去看吧。

这是用TreeWidget来实现的导航条，在Qt设计师里设置TreeWidget的属性：

  

颜色等等的，使用QSS来修改。

导航条的事件响应可以使用clicked(index):

<pre name="code" class="html">

<pre name="code" class="html">

void MainWindow::on_treeWidget_clicked(const QModelIndex &index)

{

    int nTopIndex = index.parent().row();

    if (-1 == nTopIndex)

    {

        QTreeWidgetItem *item = treeWidget->currentItem();

        item->setExpanded(!item->isExpanded());

        return ;

    }

    int nCurrenIndex = index.row();

    int nIndex = nTopIndex<<3|nCurrenIndex;

    qDebug()<<"nTopIndex:"<<nTopIndex<<"nCurrenIndex:"<<nCurrenIndex<<"nIndex:"<<nIndex;

    this->setWindowTitle(index.data().toString());//这句只是为了显示title来方便调试用的

    switch (nIndex) {//只响应了clicked，具体事件未实现

    case 0://点击了[e1手机存储] 这一条，以下类推

        stackedWidget->setCurrentIndex(0);

        break;

    case 8:

        stackedWidget->setCurrentIndex(0);

        break;

    case 9:

        stackedWidget->setCurrentIndex(0);

        break;

    case 10:

        stackedWidget->setCurrentIndex(0);

        break;

    case 16:

        stackedWidget->setCurrentIndex(0);

        break;

    case 17:

        stackedWidget->setCurrentIndex(0);

        break;

    case 18:

        stackedWidget->setCurrentIndex(0);

        break;

    case 24:

        stackedWidget->setCurrentIndex(0);

        break;

    case 25:

        stackedWidget->setCurrentIndex(0);

        break;

    case 26:

        stackedWidget->setCurrentIndex(0);

        break;

    case 32:

        stackedWidget->setCurrentIndex(1);

        break;

    default:

        break;

    }

}

2015年07月19日补：

当初这个练手的工程已上传至CSDN：

http://download.csdn.net/detail/lys211/8913337