QDialog_trial_1

可视化 UI 设计

版本：Qt 6

目标
- 字体样式设置、清空按钮
  - conectSlotsByName 将信号与槽关联
  - 复选框
- 字体颜色设置
  - 单选框，3个 signal 触发同一个 slot
- 确定、退出 按钮
  - 可视化方式生成信号、槽关联
包括
- 布局管理
- 信号与槽的关联
- 添加资源文件
- 为应用程序设置图标

添加资源文件 (.qrc)

File >>> New File >>> Qt >>> Qt Resource File

信号与槽的关联

cmake 复制代码

QObject::connect(sender,SIGNAL(signal()),receiver,SLOT(slot()));

使用时 QObject 通常可以省略
SIGNAL 和 SLOT 是 Qt 的宏，用于将参数转换为相应的字符串
注意事项
- 一个信号可以连接多个槽函数
- 多个信号可以连接同一个槽函数
- 一个信号可以连接另一个信号

开启信号和槽关联

cmake 复制代码

QMetaObject::connectSlotsByName(Dialog)

为应用程序设置图标

ui 编辑 >>> 右下角 >>> 搜索 icon
"..." 点击 >>> 资源 >>>找到之前保存的文件夹里的图标

布局管理

Containers >>> Group Box
- Buttons >>> Check Box（复选框）
- Radio Button（单选框）
Input Widgets
- Plain Text Editor （输入框）
Buttons
- Push Button（清空、确定、退出）
Spacers
- Horizontal Spacer （补位）

代码部分

单选框_改变颜色

dialog.cpp

cmake 复制代码

connect(ui->radioButton_black,SIGNAL(clicked()),this,SLOT(do_FontColor()));    connect(ui->radioButton_blue,SIGNAL(clicked()),this,SLOT(do_FontColor()));
connect(ui->radioButton_red,SIGNAL(clicked()),this,SLOT(do_FontColor()));

cmake 复制代码

void Dialog::do_FontColor()
 {
     QPalette plet=ui->plainTextEdit->palette();
     if(ui->radioButton_black->isChecked())
         plet.setColor(QPalette::Text,Qt::black);
     else if(ui->radioButton_blue->isChecked())
         plet.setColor(QPalette::Text,Qt::blue);
     else if(ui->radioButton_red->isChecked())
         plet.setColor(QPalette::Text,Qt::red);
     ui->plainTextEdit->setPalette(plet);
}

cmake 复制代码

void Dialog::on_checkBox_underline_clicked(bool checked)
{
    QFont font=ui->plainTextEdit->font();
    font.setUnderline(checked);
    ui->plainTextEdit->setFont(font);
}


void Dialog::on_checkBox_italic_clicked(bool checked)
{
    QFont font=ui->plainTextEdit->font();
    font.setItalic(checked);
    ui->plainTextEdit->setFont(font);
}

void Dialog::on_checkBox_bold_clicked(bool checked)
{
    QFont font=ui->plainTextEdit->font();
    font.setBold(checked);
    ui->plainTextEdit->setFont(font);
}

dialog.h

cmake 复制代码

void do_FontColor();