QT5开发||08、UI Deigner的各种组件

摘要

QT Creator的ui designer中的常见组件，QT的组件分为布局管理类(Layouts)、空间间隔类(Spacers)、按钮类(Buttons)、项目视图组(Item Views)、项目控件组(Item Widgets)、容器类(Containers)、输入窗口部件(Input Widgets)、显示窗口部件(Display Widgets)。

一、UI组件图示。

1、布局管理类(Layouts)

2、空间间隔类(Spacers)

3、按钮类(Buttons)

4、容器类(Containers)

5、输入窗口部件(Input Widgets)

6、显示窗口部件(Display Widgets)

二、输入窗口控件组((Input Widgets)

1、QDateTime类

在Qt5中，可以使用QDateTime类来获得系统时间。通过Qdate Time::currentDateTime来获取本地系统的时间和日

期信号。可以通过date()和time()来返回datetime中的日期和时间部分，代码如下:

Qlabel * datalabel =new Qlabel();
Qdate Time *datatime=new Qdate Time(Qdate Time::currentDateTime();
datalabel->setText(datatime->date().toString();
datalabel->show();

2、 Qtimer类

定时器(Qtimer) 的使用非常简单，只需要以下几个步骤就可以完成定时器的应用。

(1)、新建一个定时器。

QTimer *time_clock=new QTimer(parent);

(2) 连接这个定时器的信号和槽，利用定时器的timeout()。

connect(time_ clock,SIGNAL(timeout()),this,SLOT(slottimedone());

(3)开启定时器，并设定定时周期。

定时器定时有两种方式：start(int time)和setSingleShot(true)。

其中,start(int time)表示每隔、“time” 秒就会重启定时器，可以重复触发定时，利用stop()将定时器关掉;而

SetSingleShot(true)则是仅启动定时器一次。工程中常用的是前者，例如:time_ clock->start(2000);

三、显示窗口控件组(Display Widgets)

下面介绍其中几个控件。

(1) Graphics View对应于QGraphicsView类。

(2) Text Browser对应于QTextBrowser类。QTextBrowser 类继承自QTextEdit，而且仅是只读的，对里面的内容并不能进

行更改，但是相对于QTextEdit来讲，它还具有链接文本的作用。QTextBrowser的 属性有以下几点。

modified : const bool //通过布 尔值来说明其内容是否被修改
openExternalLinks : bool
openLinks : bool
readOnly : const bool
searchPaths : QStringList
source : QUrl
undoRedoEnabled : const bool

QTextBrowser还提供了几种比较有用的槽(SLOTS)，即：

virtual void backward()
virtual void forward()
virtual void home()

四、空间间隔类组件(Spacers)

五、布局管理组件(Layouts)

六、容器组(Containers)

1.创建窗口

如果Widget未使用父级进行创建，则在显示时视为窗口或顶层Widget。由于顶层Widget没有父级对象类来确保在其不

再使用时就删除，所以需要开发人员在应用程序中对其进行跟踪。

使用QWidget创建和显示具有默认大小的窗口:

QWidget *window = new QWidget();
window->resize(320, 240);
window->show();
QPushButton *button = new QPushButton(tr("Press me"), window);
button->move(100, 100);
button->show();

2.使用布局

通常，子Widget是通过使用布局对象在窗口中进行排列的，而不是通过指定位置和大小进行排列的。在此，构造一个

并排排列的标签和行编辑框Widget:

QLabel *label = new QLabel(tr("Name:"));	//新建label
QLineEdit *lineEdit = new QLineEdit();		//新建lineEdit
QHBoxLayout *layout = new QHBoxLayout();	//新建布局
layout->addWidget(label);					//在layout布局中添加label窗口
layout->addWidget(lineEdit);				//在layout布局中添加lineEdit窗口
window->setLayout(layout);				    //新建layout

由于Widget可包含其他Widget,所以布局可用来提供按不同层次分组的Widget。这里，要在显示查询结果的表视图上

方、窗口顶部的行编辑框旁，显示一个标签:

QLabel *queryLabel = new QLabel(tr("Query:");
QLineEdit *queryEdit = new QLineEdit();
QTableView *resultView = new QTableView();

QHBoxLayout *queryLayout = new QHBoxLayout();
queryLayout->addWidget(queryLabel);
queryLayout->addWidget(queryEdit);
 
QVBoxLayout *mainLayout = new QVBoxLayout();
mainLayout >addLayout(queryLayout);
mainLayout->addWidget(resultView);
window->setLayout(mainL _ayout);

七、项目视图组(Item Views)

下面介绍此处的视图Table View与控件Table Widget的区别，其具体区别见下表。

区别点	QTableView	QTableWidget
继承关系	无	QTableWidget继承自 QTableView
使用数据模型seetModel	可以使用setModel设置数据模型	setModel是私有函数，不能使用其设置数据模型
与QSqlTableModel绑定	能绑定	不能绑定

QTableWidget继承自QTableView。QSqITableModel能够与QTableView绑定,但不能与QTableWidget绑定。例如:

QSqlTableModel *model = new QSqlTableModel;
model->setTable("employee");
model->setEditStrategy(QSqlTableModel:OnManualSubmit);
model->select();
model->removeColumn(0);//不显示ID
model->setHeaderData(0, Qt::Horizontal, tr("Name"));
model->setHeaderData(1, Qt::Horizontal, tr("Salay'));
QTableView *view = new QTableView;
view->setModel(model);
view- >show();

八、项目控件组(Item Widgets)

在Qt中树形控件称为QTreeWidget，而控件里的树节点称为QTreeWidgetltem。这种控件其实有时很有用处。例如，利

用飞信软件群发短信时，选择联系人的界面中就使用了有复选框的树形控件。

具体步骤如下：
(1) 新建Qt Gui应用，项目名称为“TreeWidget”，基类选择“QWidget” ， 类名保持“Widget” 不变，保持‘ 创建界面”复选

框的选中状态。

(2)双击“widget.ui” 文件，打开Qt的设计器,拖曳出一个QTreeWidget。

(3)在头文件“widget.h” 中添加代码:

#include <QTreeWidgetltem>

在类Widget声明中添加代码:.

public:
void init();
void updateParentltem(QTreeWidgetltem* item);
public slots:
void treeltemChanged(QTreeWidgetltem* item, int column);

(4)在源文件“widget.cpp” 中的类Widget构造函数中添加代码:

init();
connect(ui- >treeWidget,SIGNAL(itemChanged(QTreeWidgettem*, int)), 
this, SLOT(treeltemChanged(QTreeWidgettem*, in));

即为树形控件的通信实现方式。

至此，QT UI Deigner的各种组件就介绍完了！