QT版本5.9.9
目录
QT作业GUI (一) 创建登录框
QT作业GUI (二) 创建注册窗口
QT作业GUI (三) 创建主窗口
QT作业GUI (四) 创建home界面
QT作业GUI (五) 创建editForm界面
QT作业GUI (六) 创建串口调试界面
QT作业GUI (七) 页面展示
1、制作主要窗口
选用Qt设计类创建窗口
2、窗口布局
使用下面的stackWidget更灵活,使用stackWidget需要配合Pushbutton按钮达到相同的效果。
我这里使用tabwidget可以少设置一些监听代码。
布局根据自己的情况选择
3、使用代码调整页签位置及颜色
头文件中引入
#include
#include
MyMainWindow::MyMainWindow(QWidget *parent) :
QMainWindow(parent),
ui(new Ui::MyMainWindow)
{
ui->setupUi(this);
// 设置标签居中显示的样式表 设置标签居中 设置其他按钮颜色
ui->tabWidget->setStyleSheet("QTabWidget::tab-bar { alignment: center; } ");
// "background-color: rgb(166, 166, 166);");
// 修改最后一个QTabBar的背景色(QT 5.9.9版本中只有first和last生效)
ui->tabWidget->tabBar()->setStyleSheet("QTabBar::tab:last { background-color: red; }");
// 设置左上角图标
this->setWindowIcon(QIcon(":/images/home.jpg"));
this->setWindowTitle("工控APP V1.0"); // 设置窗口名称
// 创建定时器
timer = new QTimer(this); // 头文件需要设置这个成员 QTimer *timer
timer->start(1000); // 单位毫秒
// 监听计时器信号
connect(timer, &QTimer::timeout, this, [&](){
// 获取当前时间
QDateTime dateTime = QDateTime::currentDateTime();
ui->dateLabel->setText(dateTime.toString("yyyy:MM:dd\n hh:mm:ss"));
});
}
MyMainWindow::~MyMainWindow()
{
delete ui;
}
当前目录结构
界面样式