QT：选项卡界面实现总结

搭建步骤

1. 使用StackedWidget创建堆栈窗口，用于显示内容
2. 使用SplitterWidget创建分割窗口，用于分割选项和内容
3. 建立信号和槽机制，实现切换选项卡效果

关键代码

• StackedWidget，在构造函数中初始化三个界面及堆叠窗口，注意加载布局

Tab::Tab(QWidget *parent)
    : QFrame(parent)
{
    content = new QStackedWidget(this);
    content->setFrameStyle(QFrame::Panel|QFrame::Raised);//设置堆栈窗口的显示风格
    infor = new Information();
    index = new Index();
    contact = new Contact();
    content->addWidget(index);
    content->addWidget(contact);
    content->addWidget(infor);
    QVBoxLayout *rightLayout = new QVBoxLayout(this);
    rightLayout->setMargin(10);
    rightLayout->setSpacing(6);
    rightLayout->addWidget(content);
}

• SplitterWidget，在main.cpp中创建分割窗口

    QApplication a(argc, argv);
//    Tab w;
//    w.show();
    QSplitter *s = new QSplitter(Qt::Horizontal,0);
    s->setOpaqueResize(true);
    QListWidget *list = new QListWidget(s);
    list->insertItem(0,"index");
    list->insertItem(1,"contact");
    list->insertItem(2,"infor");//注意stackedWidget中对应页面的加载顺序

    Tab *tab = new Tab(s);
    QObject::connect(list,SIGNAL(currentRowChanged(int)),tab->content,SLOT(setCurrentIndex(int)));//设置信号和槽
    s->setWindowTitle("tabs");
    s->setMaximumSize(s->maximumSize());
    s->setMinimumSize(s->minimumSize());
    s->show();

    return a.exec();

运行效果

项目结构：

运行效果：

注意事项

1. 每一个界面都应该使用相应的layout布局对象加载控件…否则可能会显示不出来…
2. 选项卡界面应该继承QFrame，StackedWidget的子界面应该继承QWidget