搭建步骤
- 使用StackedWidget创建堆栈窗口,用于显示内容
- 使用SplitterWidget创建分割窗口,用于分割选项和内容
- 建立信号和槽机制,实现切换选项卡效果
关键代码
- 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();
运行效果
项目结构:
运行效果:
注意事项
- 每一个界面都应该使用相应的layout布局对象加载控件…否则可能会显示不出来…
- 选项卡界面应该继承QFrame,StackedWidget的子界面应该继承QWidget