Qt 打卡小程序总结
1.Qt::Alignment（枚举类型）用于指定控件或文本的对齐方式
Qt::AlignLeft：左对齐。Qt::AlignRight：右对齐。Qt::AlignHCenter：水平居中对齐。Qt::AlignTop：顶部对齐。Qt::AlignBottom：底部对齐。Qt::AlignVCenter：垂直居中对齐。Qt::AlignCenter：等价于Qt::AlignHCenter | Qt::AlignVCenter，即水平和垂直都居中对齐
2.保存为文本文件
void MainWindow::saveLog()
{//保存为日志文件，但是每次都是plainTextEdit覆盖QFile file(fileName);if (file.open(QIODevice::WriteOnly | QIODevice::Text)) {QTextStream out(&file);out << ui->plainTextEdit->toPlainText()<<endl;file.close();// 提示用户保存成功（可选）ui->statusbar->showMessage("save Successfully",2000);} else {// 处理文件打开失败的情况（可选）ui->statusbar->showMessage("Fail to save",2000);}
}void MainWindow::saveLog_Append()
{//保存为日志文件，与上不同是QIODevice的方式QFile file(fileName);if (file.open(QIODevice::WriteOnly | QIODevice::Append)) {QTextStream out(&file);out << ui->plainTextEdit->toPlainText();file.close();// 提示用户保存成功（可选）ui->statusbar->showMessage("save Successfully",2000);} else {// 处理文件打开失败的情况（可选）ui->statusbar->showMessage("Fail to save",2000);}
}void MainWindow::saveLog_Stream(QString strMessage)
{//换一种方式写入QFile file(fileName);if (file.open(QIODevice::WriteOnly | QIODevice::Append)) {QTextStream stream(&file);stream << strMessage << endl; // 使用Qt::endl来确保跨平台兼容性// file.flush(); // 可选，因为close()会刷新缓冲区file.close();}else{// 处理文件打开失败的情况qDebug() << "无法打开文件!";}
}3.边框样式（QFrame::Shape）
QFrame::NoFrame：没有边框。QFrame::Box：简单的矩形边框。QFrame::Panel：与Box类似，但通常用于面板或窗口部件的背景。QFrame::WinPanel：在 Windows 风格下，类似于Panel，但在某些系统上可能有特定的绘制风格。QFrame::HLine：水平线条。QFrame::VLine：垂直线条。QFrame::StyledPanel：使用当前样式表（如果可用）来绘制边框。QFrame::Plain：与NoFrame类似，但在某些平台上可能有细微的差别。QFrame::Raised：凸起的边框。QFrame::Sunken：凹陷的边框。
4.阴影效果（QFrame::Shadow）
QFrame::Plain：没有阴影效果。QFrame::Raised：凸起的阴影效果。QFrame::Sunken：凹陷的阴影效果。
组合使用
frame->setFrameStyle(QFrame::Box | QFrame::Sunken);//一个凹陷的矩形边框5.为标签添加超链接
QLabel *labVersion = new QLabel("版本标签");//ctrl+Alt+down 快速向下复制
labVersion->setFrameStyle(QFrame::Box|QFrame::Raised);//矩形边框和突起
labVersion->setText(tr("<a href=\"http://www.baidu.com\">超链接测试</a>"));
labVersion->setOpenExternalLinks(true);//设置可以打开网站链接
ui->statusbar->addPermanentWidget(labVersion);//显示永久信息6.创建菜单栏
QAction * newAct = new QAction(QIcon( ":/img_zll/images/100" ), tr( "新建" ), this ); newAct->setShortcut(tr("Ctrl+N" ));
newAct->setStatusTip(tr("新建文件" ));// QMenu *fileMenu = ui->menuBar->addMenu(tr("&File"));//创建主目录
QMenu *fileMenu = menuBar()->addMenu(tr( "文件" ));
fileMenu->addAction(newAct);
fileMenu->addSeparator();//添加间隔器7.设置应用程序窗口的图标
制作图标：ICO图标在线转换_ICO图标制作工具_PNG在线转ICO - ICO吧
QIcon icon(":/img_zll/images/paper.png"); // 使用资源路径或文件路径
w.setWindowIcon(icon);//或许也可以这样？
//1、将ico格式图片放入main文件同级目录。
//2、在pro文件中添加：RC_ICONS = myico.ico#配置桌面软件图标8.任务栏托盘菜单
restoreWinAction = new QAction("恢复(&R)",this);quitAction = new QAction("退出(&Q)",this);//恢复connect(restoreWinAction,SIGNAL(triggered()),this,SLOT(if_restoreWinAction_selected()));//退出connect(quitAction,SIGNAL(triggered()),qApp,SLOT(quit()));myAppMenu = new QMenu((QWidget*)QApplication::desktop());//添加菜单myAppMenu->addAction(restoreWinAction);//分隔符myAppMenu->addSeparator();myAppMenu->addAction(quitAction);//判断系统是否支持托盘图标if(!QSystemTrayIcon::isSystemTrayAvailable()){return;}QSystemTrayIcon *myTrayIcon = new QSystemTrayIcon(this);//设置图标myTrayIcon->setIcon(QIcon(":/img_zll/images/time.ico"));//鼠标放托盘图标上提示信息myTrayIcon->setToolTip("打卡记录");//设置消息myTrayIcon->showMessage("托盘","托盘管理",QSystemTrayIcon::Information,10000);//托盘菜单myTrayIcon->setContextMenu(myAppMenu);//显示myTrayIcon->show();//恢复
void MainWindow::if_restoreWinAction_selected()
{this->show();
}9.状态栏
QStatusBar：状态栏
状态信息分为三类：
1、临时信息 showMessage();
2、正常信息 addWidget添加一个QLable到状态栏显示
3、永久信息 addPermanentWidget
ui->statusBar->showMessage(tr("离开工位"),2000);QLabel *lable = new QLabel(this);
lable->setFrameStyle(QFrame::Box|QFrame::Sunken);
lable->setText("永远相信美好的事情即将发生");// 创建一个容器小部件和水平布局 QWidget *container = new QWidget; QHBoxLayout *layout = new QHBoxLayout(container); // 创建一个水平间隔器 QSpacerItem *spacer = new QSpacerItem(40, 20, QSizePolicy::Expanding, QSizePolicy::Minimum); // 创建QLabel QLabel *label = new QLabel("标签"); // 将间隔器和QLabel添加到水平布局中 layout->addItem(spacer); // 间隔器放在前面 layout->addWidget(label); // QLabel放在间隔器后面 // 设置容器的布局 container->setLayout(layout); // 将容器小部件添加到状态栏中 statusBar->addWidget(container); 10.样式
10.1内置样式
#include <QApplication>
#include <QStyleFactory>int main(int argc, char *argv[])
{QApplication app(argc, argv);// 设置Fusion样式app.setStyle(QStyleFactory::create("Fusion"));// 设置Windows样式// app.setStyle(QStyleFactory::create("Windows"));// 设置macOS样式// app.setStyle(QStyleFactory::create("Macintosh"));// 设置WindowsVista样式// app.setStyle(QStyleFactory::create("WindowsVista"));// 设置WindowsXP样式// app.setStyle(QStyleFactory::create("WindowsXP"));// ... 创建和显示Qt对象return app.exec();
}10.2 外部样式表
// main.cpp#include <QApplication>
#include <QFile>int main(int argc, char *argv[])
{QApplication app(argc, argv);// 创建一个样式表文件对象QFile styleFile(":/styles.qss"); // 根据实际的文件路径或资源路径进行修改if (styleFile.open(QFile::ReadOnly)){// 读取样式表文件内容QString styleSheet = QLatin1String(styleFile.readAll());// 设置样式表app.setStyleSheet(styleSheet);}// ... 创建和显示Qt对象return app.exec();
}10.3样式的使用
10.3.1选择器
选择器（Selectors）：用于选择要应用样式的UI元素，可以使用对象名（object name）或类名（class name）作为选择器，也可以使用通配符和层级选择器
//选择器
QPushButton {color: red; // 应用到所有QPushButton类型的按钮
}QCheckBox#myCheckBox {font-size: 14px; // 应用到objectName为"myCheckBox"的QCheckBox
}QLabel.warning {background-color: yellow; // 应用到class name为"warning"的QLabel
}10.3.2属性设置
可以使用属性和值的形式来设置UI元素的外观
QCheckBox:checked {color: green; // 设置选中状态的文本颜色
}10.3.3盒模型属性
可以设置内边距（padding），外边距（margin），以及元素本身的尺寸和位置
QPushButton {padding: 5px;margin: 10px;width: 100px;height: 30px; // 设置内外边距、宽度和高度
}QLabel {position: absolute; // 设置绝对定位top: 50px;left: 100px;
}10.3.4伪状态（Pseudo-states）
用于设置特定状态下的样式，如鼠标悬停（hovered）、按下（pressed）
QPushButton:hover {background-color: lightgray; // 鼠标悬停时的背景颜色
}/* 设置按下按钮时的背景颜色和文本样式 */
QPushButton:pressed {background-color: darkgray;color: white;
}/* 设置表格中奇数行的背景颜色 */
QTableView QAbstractItemView::item:nth-child(odd) {background-color: lightgray;
}/* 设置选中行的背景颜色和文本颜色 */
QTableView QAbstractItemView::item:selected {background-color: navy;color: white;
}QCheckBox:indeterminate {color: orange; // 设置不确定状态的文本颜色
}QRadioButton:checked {image: url(checked.png); // 设置选中状态时的自定义图像
}