}
在构造函数中我们构造了一个QStackedWidget实例,在initStackedWidget()中,用addWidget陆续添加了7个子控件。这里需要注意的是:我们添加的每一个控件都是堆栈式窗口中的“一页”了,setCurrentWidget()用于设置当前可见的“页”。那么,Tab选项卡又是如何实现的呢?继承QTabWidget类。QTabWidget也是一个容器类,可以添加很多子控件。每一个控件都是一个Tab了。以File monitor这一页为例:
class FileMonitorPage : public QTabWidget {
Q_OBJECT public:
FileMonitorPage(QWidget *parent = 0); ~FileMonitorPage(){} private slots:
void onChangeTab(int index); private:
FileMonitorPage& operator=(const FileMonitorPage& obj); FileMonitorPage(const FileMonitorPage& obj); private:
//QTabWidget* m_tabWidget; DataFileTab* m_dataFileTab; ExecFileTab* m_execFileTab; FileBrowserTab* m_browserTab; };
//////////////////////////////////////////////////////////////////////////
//Tab for data file monitoring
class DataFileTab : public QWidget {
Q_OBJECT public:
DataFileTab(QWidget* parent = 0); ~DataFileTab(){}
private:
DataFileTab(const DataFileTab& obj);
DataFileTab& operator=(const DataFileTab& obj); private:
CustomItemModel* m_model;
QSortFilterProxyModel* m_proxy; QTableView* m_view;
QHBoxLayout* m_topLayout; QLineEdit* m_filter;
QPushButton* m_clearBtn;
QPushButton* m_exportBtn;
QHBoxLayout* m_statusLayout; QLabel* m_status;
QLineEdit* m_status_info; QPushButton* m_chooseDir; QPushButton* m_startBtn; QPushButton* m_stopBtn;
QVBoxLayout* m_mainLayout; };
//////////////////////////////////////////////////////////////////////////
// Tab for executable file monitoring class ExecFileTab : public QWidget {
Q_OBJECT
public:
ExecFileTab(QWidget* parent = 0); ~ExecFileTab(){}
private:
ExecFileTab(const ExecFileTab& obj);
ExecFileTab& operator=(const ExecFileTab& obj); private:
QTableView* m_view;
CustomItemModel* m_model;
QHBoxLayout* m_topLayout; QPushButton* m_clearBtn; QPushButton* m_startBtn; QPushButton* m_stopBtn;
QVBoxLayout* m_mainLayout; };
//////////////////////////////////////////////////////////////////////////
// Tab for file browser file monitoring class FileBrowserTab : public QWidget {
Q_OBJECT
public:
FileBrowserTab(QWidget* parent = 0); ~FileBrowserTab(){}
private:
FileBrowserTab(const FileBrowserTab& obj);
FileBrowserTab& operator=(const FileBrowserTab& obj); private:
QTreeView* m_view;
QFileSystemModel* m_model; QVBoxLayout* m_layout; };
在File Monitor中我们添加了三个TAB:DataFileTab,ExecFileTab,FileBrowserTab,这三个类每一个都有自己的布局管理器和子控件。这么说来,QTabWidget和QStackedWidget的结构是非常相似的。其实,编写Qt程序的时候,我们要组合一个窗口其实是非常简单的。QWidget可以通过布局管理器嵌套任意多的子窗口,从而构建负责的UI元素。最终的效果看起来是这样的:
小结
本文重点实现了三个功能:窗体分割(QSplitter),堆栈式窗口(QStackedWidget),Tab选项卡(QTabWidget)。通过这三个功能,一个窗口能同时展示多项内容,并按逻辑功能分类。