引言
上一篇中讲述了工具箱的添加。通过一个水平布局管理器,我们将一系列的工具按钮组合到了一起,完成了工具箱的编写。本文在前面的基础上实现窗体分割效果、堆栈式窗口以及Tab选项卡。
窗体分割
窗体分割是一个常见的功能,尤其在一些IDE中用的非常广泛。主要是窗体分割能够在视觉上对程序功能进行分组分类,在保证界面美观的同时还能保证内容井井有条,何乐而不为呢?Qt中提供了一个用于分割窗体的类:QSplitter。这个类的使用也非常简单,准备好需要分割的窗口,设置好分割方向和比例即可。不过值得注意的是,QSplitter是一个窗口管理类,在没有添加子控件是看不到QSplitter效果的。这一点在Qt Designer中也可以验证。
在我们的项目中,我们增加一个QSplitter类成员,并在主窗口的构造函数中添加如下代码:
1
2
3
4
5
6
7
8
9
|
splitter =
new
QSplitter(Qt::Horizontal,
this
);
splitter->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
splitter->setHandleWidth(1);
splitter->addWidget(
new
QWidget(
this
));
splitter->addWidget(
new
QWidget(
this
));
splitter->handle(1)->setDisabled(
true
);
splitter->setStretchFactor(0, 1);
splitter->setStretchFactor(1, 3);
|
在上面的代码中,我们将左右两个子窗口的比例设置为1:3。也就是说左边窗口占25%的空间,右边占75%。另外,我们还设置了QSplitter的Handle宽度。handle指的就用于分割窗体的那根线。我们将其宽度设置为1个像素宽,setDisabled(true)将其设置为不可拖动的。这样一来,用户就无法用鼠标拖拽左右窗口的大小了。看看效果:
在分割出来的子窗口中,还可以进行进一步的分割,也就是QSplitter的嵌套使用。
堆栈式窗口及Tab选项卡
堆栈式窗口取义于数据结构中的堆栈,也就是说多个窗口堆叠在一起,当用户点击对应层的窗口时进行切换。以腾讯QQ的设置窗口为例,看看到底是怎样一种效果:
当用户点击“基本设置”时,窗口中的内容全部都是相关的选项卡;当点击“安全设置”的时候,窗口内容切换为对应的选项卡内容。也就是说一个窗口被另一个窗口“遮住”了。利用这种形式可以很容易的组织逻辑相关的内容。QStackedWidget是Qt为我们提供的一个实现这种功能的类。除此之外,Qt还提供了一个堆栈式窗口布局管理器类:QStackedLayout。而事实上,QStackedWidget的功能正是基于QStackedLayout实现的。那么,我们又该如何去组织这样一种结构呢?
基本思路其实也很简单。QStackedWidget继承自QWidget,它本身是一个控件容器,但是也可以作为子控件放置于其他的容器中去。那么,我们先构造好一个QStackedWidget,然后再考虑集成到父窗口中去:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
|
TrojanAssessment::TrojanAssessment(QWidget *parent)
: ShadowWindow(parent)
{
// 前面省略……
// create tree widget and stacked widget
treeWidget =
new
QTreeWidget(
this
);
treeWidget->setFrameShape(QFrame::NoFrame);
stackedWidget =
new
QStackedWidget(
this
);
stackedWidget->resize(680, 500);
stackedWidget->setFrameShape(QFrame::NoFrame);
initStackedWidget();
initTreeWidget();
splitter =
new
QSplitter(Qt::Horizontal,
this
);
splitter->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
splitter->setHandleWidth(1);
splitter->addWidget(treeWidget);
splitter->addWidget(stackedWidget);
splitter->handle(1)->setDisabled(
true
);
splitter->setStretchFactor(0, 1);
splitter->setStretchFactor(1, 3);
// create title widget and status bar
titleWidget =
new
TitleWidget(
this
);
icon_label =
new
QLabel(
this
);
icon_label->setPixmap(QPixmap(
":/menu/cloud"
));
icon_label->setFixedSize(QPixmap(
":/menu/cloud"
).size());
lastrun_label =
new
QLabel(
this
);
m_bottomLayout =
new
QHBoxLayout(
this
);
m_bottomLayout->addStretch();
m_bottomLayout->addWidget(icon_label, 0, Qt::AlignCenter);
m_bottomLayout->addWidget(lastrun_label, 0, Qt::AlignCenter);
m_bottomLayout->setSpacing(5);
m_bottomLayout->setContentsMargins(0, 3, 10, 3);
// remember the time when the program start
login_dt = QDateTime::currentDateTime();
restoreSettings();
QPalette plt;
plt.setBrush(QPalette::Window, QBrush(Qt::white));
treeWidget->setPalette(plt);
treeWidget->setAutoFillBackground(
true
);
stackedWidget->setPalette(plt);
stackedWidget->setAutoFillBackground(
true
);
// 省略更多……
}
void
TrojanAssessment::initStackedWidget()
{
/* initialize the stacked pages */
fmp =
new
FileMonitorPage(
this
);
iep =
new
IEPage(
this
);
mp =
new
MemoryPage(
this
);
np =
new
NetworkPage(
this
);
pp =
new
ProcessPage(
this
);
rp =
new
RegisterPage(
this
);
scp =
new
SecurityCenterPage(
this
);
//add page widgets to StackedWidgets
stackedWidget->addWidget(fmp);
stackedWidget->addWidget(iep);
stackedWidget->addWidget(mp);
stackedWidget->addWidget(np);
stackedWidget->addWidget(pp);
stackedWidget->addWidget(rp);
stackedWidget->addWidget(scp);
// set File Monitoring as the default page.
stackedWidget->setCurrentWidget(fmp);
connect(
this
, SIGNAL(changeTabFMP(
int
)), fmp, SLOT(onChangeTab(
int
)));
connect(
this
, SIGNAL(changeTabPP(
int
)), pp, SLOT(onChangeTab(
int
)));
connect(
this
, SIGNAL(changeTabMP(
int
)), mp, SLOT(onChangeTab(
int
)));
connect(
this
, SIGNAL(changeTabNP(
int
)), np, SLOT(onChangeTab(
int
)));
connect(
this
, SIGNAL(changeTabRP(
int
)), rp, SLOT(onChangeTab(
int
)));
connect(
this
, SIGNAL(changeTabSCP(
int
)), scp, SLOT(onChangeTab(
int
)));
connect(
this
, SIGNAL(changeTabIEP(
int
)), iep, SLOT(onChangeTab(
int
)));
}
|
在构造函数中我们构造了一个QStackedWidget实例,在initStackedWidget()中,用addWidget陆续添加了7个子控件。这里需要注意的是:我们添加的每一个控件都是堆栈式窗口中的“一页”了,setCurrentWidget()用于设置当前可见的“页”。那么,Tab选项卡又是如何实现的呢?继承QTabWidget类。QTabWidget也是一个容器类,可以添加很多子控件。每一个控件都是一个Tab了。以File monitor这一页为例:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
|
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)。通过这三个功能,一个窗口能同时展示多项内容,并按逻辑功能分类。
转载自:http://www.cnblogs.com/csuftzzk/p/Trojan_Assessment_Platform_3.html