自娱自乐，我的博客（二十）——游戏功能
自娱自乐，我的博客（二十）——游戏功能前言： 丰富博客的娱乐功能，除了播放音视频，可以增加一些有趣味的小游戏功能。 1 新增game页 在 /source/game 目录下新建 index.md 文件，如果 game 目录不存在则新建，文件内容如下。 123456---title: gamedate: 2025-05-01 06:51:00type: gametop_img: https://blogimage-1302867234.cos.ap-chengdu.myqcloud.com/blogimage/res/Cover%20game.jpg--- 在 _config.butterfly.yml 中配置新增game menu，比如。 12345678910111213141516menu: # Home: / || fas fa-home # List||fas fa-list: # Music: /music/ || fas fa-music # Movie:...
Qt6基础篇（十六）——QGridLayout
Qt6基础篇（十六）——QGridLayout前言： 布局的使用可以大大提高控件布局调整的效率，Qt6共支持4中布局，本篇文章介绍网格布局GridLayout。 1 介绍 GridLayout用于设置网格布局，通过Qt Creator能实现鼠标拖动控件完成网格布局，在Qt Creator先将GridLayout控件拖动到UI界面，然后将控件拖动到GridLayout布局中。 比如以下，将QLabel、QComboBox、QPushButton拖动到QGridLayout控件中，实现7行2列的网格布局。 12345ui->baudRateComboBox->addItems(QStringList() << "9600" << "19200" << "38400" << "57600" <<...
Qt6基础篇（十五）——QProgressBar
Qt6基础篇（十五）——QProgressBar前言： 本篇文章介绍QProgressBar控件的使用。 1 介绍 QProgressBar是Qt框架中的一个常用控件，可以显示任务的进度情况。 通过Qt Creator添加QProgressBar控件。 2 设置坐标、大小、颜色 以下代码配置了QProgressBar控件的坐标、大小、背景色、字体颜色。 12ui->progressBar->setGeometry(200, 50, 200, 50);ui->progressBar->setStyleSheet("QProgressBar {background-color: yellow; color: green;}"); 3...
Qt6基础篇（十四）——QPlainTextEdit
Qt6基础篇（十四）——QPlainTextEdit前言： 本篇文章介绍QPlainTextEdit控件的使用。 1 介绍 QPlainTextEdit是Qt框架中的一个常用控件，常用来显示纯文本信息，运行效率比QTextEdit高很多。 通过Qt Creator添加QPlainTextEdit控件。 2 设置文本、坐标、大小、颜色 以下代码配置了QPlainTextEdit控件的文本，坐标、大小、背景色、字体颜色。 1234ui->plainTextEdit->setPlainText("Hello World.");ui->plainTextEdit->appendPlainText("add plain text.");ui->plainTextEdit->setGeometry(200, 50, 200,...
Qt6基础篇（十三）——QComboBox
Qt6基础篇（十三）——QComboBox前言： 本篇文章介绍QComboBox控件的使用。 1 介绍 QComboBox是Qt框架中的一个常用控件，将选项以列表形式列出。 通过Qt Creator添加QComboBox控件。 2 设置文本、坐标、大小、颜色 以下代码配置了QComboBox控件的文本，坐标、大小、背景色、字体颜色。 12345ui->comboBox->addItem("Item 0");ui->comboBox->addItem("Item 1");ui->comboBox->addItem("Item 2");ui->comboBox->setGeometry(200, 50, 200, 50);ui->comboBox->setStyleSheet("background-color: yellow; color:...
Qt6基础篇（十二）——QCheckBox
Qt6基础篇（十二）——QCheckBox前言： 本篇文章介绍QCheckBox控件的使用。 1 介绍 QCheckBox是Qt框架中的一个常用控件，用来标识选项的勾选情况，可以从一组中勾选多个。 通过Qt Creator添加QCheckBox控件。 2 设置文本、坐标、大小、颜色 以下代码配置了QCheckBox控件的文本，坐标、大小、背景色、字体颜色。 123ui->radioButton->setText(Text);ui->radioButton->setGeometry(200, 50, 200, 50);ui->radioButton->setStyleSheet("background-color: yellow; color: green;"); 3 获取文本 text 函数将返回QCheckBox控件中的文本内容，类型为 QString ，可通过 toStdString 函数转化为...
Qt6基础篇（十一）——QRadioButton
Qt6基础篇（十一）——QRadioButton前言： 本篇文章介绍QRadioButton控件的使用。 1 介绍 QRadioButton是Qt框架中的一个常用控件，用来标识选项的勾选情况，从一组中勾选其中一个。 通过Qt Creator添加QRadioButton控件。 2 设置文本、坐标、大小、颜色 以下代码配置了QRadioButton控件的文本，坐标、大小、背景色、字体颜色。 123ui->radioButton->setText(Text);ui->radioButton->setGeometry(200, 50, 200, 50);ui->radioButton->setStyleSheet("background-color: yellow; color: green;"); 3 获取文本 text 函数将返回QRadioButton控件中的文本内容，类型为 QString ，可通过...
Qt6基础篇（十）——QPushButton
Qt6基础篇（十）——QPushButton前言： 本篇文章介绍QPushButton控件的使用。 1 介绍 QPushButton是Qt框架中的一个常用控件，用来进行按键点击控制。 通过Qt Creator添加QPushButton控件。 2 设置文本、坐标、大小、颜色 以下代码配置了QPushButton控件的文本，坐标、大小、背景色、字体颜色。 123ui->pushButton->setText(Text);ui->pushButton->setGeometry(200, 50, 200, 50);ui->pushButton->setStyleSheet("background-color: yellow; color: green;"); 3 获取文本 text 函数将返回QPushButton控件中的文本内容，类型为 QString ，可通过 toStdString 函数转化为 string...
Qt6基础篇（九）——QLineEdit
Qt6基础篇（九）——QLineEdit前言： 本篇文章介绍QLineEdit控件的使用。 1 介绍 QLineEdit是Qt框架中的一个常用控件，用于输入和编辑单行文本。 通过Qt Creator添加QLineEdit控件。 2 设置文本、坐标、大小、颜色 以下代码配置了QLineEdit控件的文本，坐标、大小、背景色、字体颜色。 123ui->lineEdit->setText(LabelText);ui->lineEdit->setGeometry(200, 50, 200, 50);ui->lineEdit->setStyleSheet("background-color: yellow; color: green;"); 3 获取文本 text 函数将返回QLineEdit控件中的文本内容，类型为 QString ，可通过 toStdString 函数转化为 string...
Qt6基础篇（七）——运行窗口程序
Qt6基础篇（七）——运行窗口程序前言： 这篇程序为通过CMake编译并运行的第一个Qt6程序。 1 工程代码 前面介绍了通过Qt Creatore创建的Demo、CMakeLists.txt和UI文件的方法，工程如下。 main.cpp内容如下。 123456789101112#include <QApplication>#include "mainwindow.h"int main(int argc, char *argv[]){ QApplication app(argc, argv); MainWindow w; w.show(); return app.exec();} mainwindow 是我们通过Qt Creatore创建的UI，并手动编写的一对.h和.cpp文件，其为主窗UI。 MainWindow w 定义了主窗类的对象，并调用 w.show() 将其显示出来。 QApplication...