QT5笔记：2.可视化UI设计

合集 - Qt入门(36)

1.QT5笔记：1.UI文件设计与运行机制2022-05-02

2.QT5笔记：2.可视化UI设计2022-05-02

3.QT5笔记：6. QT 与 C++2023-03-154.QT5笔记：5. QtCreator 的快捷键2023-03-155.QT5笔记：4. 设置应用图标2022-05-026.QT5笔记：3.手动撸界面和可视化托界面混合2022-05-027.QT5笔记： 14. SpinBox的常用功能2023-03-158.QT5笔记：13. QString 的常用功能2023-03-159.QT5笔记：12. 字符串和数值之间的转换2023-03-1510.QT5笔记：11. Qt类库的模块2023-03-1511.QT5笔记：10. 容器类的迭代2023-03-1512.QT5笔记：9. QT的容器类2023-03-1513.QT5笔记： 8. QT的全局变量（基本数据类型、函数、宏）2023-03-1514.QT5笔记：7. 自定义类、自定义信号及类的元对象信息2023-03-1515.QT5笔记： 30. 二进制文件读写2023-03-1616.QT5笔记： 29. 文本文件读写2023-03-1617.QT5笔记： 28. SplashWindow 没听懂，无内容2023-03-1618.QT5笔记：27. MDI应用程序设计2023-03-1619.QT5笔记： 26. 多窗体应用程序设计2023-03-1620.QT5笔记： 25. 非模态的自定义对话框2023-03-1621.QT5笔记：24. 自定义对话框以及模态 调用2023-03-1622.QT5笔记： 23. 标准对话框2023-03-1623.QT5笔记： 22. 自定义代理2023-03-1624.QT5笔记： 21. QStandardItemModel2023-03-1625.QT5笔记： 20. QStringListModel的使用2023-03-1626.QT5笔记： 19. QFileSystemModel 联动 QListView QTableView QTreeView2023-03-1627.QT5笔记：18 QPainter基本绘图2023-03-1528.QT5笔记：17. QComboBox和QPlainTextEdit2023-03-1529.QT5笔记： 16. 时间和定时器的常用功能2023-03-1530.QT5笔记： 15. 其他显示组件的常用功能2023-03-1531.QT5笔记：36. QGraphicsView 综合示例 （完结撒花！）2023-03-1632.QT5笔记： 35. QGraphicsView 视图2023-03-1633.QT5笔记：34. 视口和窗口2023-03-1634.QT5笔记：33. 坐标系统和坐标变换2023-03-1635.QT5笔记： 32. QPainter 基本绘制2023-03-1636.QT5笔记： 31. 文件目录操作2023-03-16

收起

2.可视化UI设计

参考视频：https://www.bilibili.com/video/BV1AX4y1w7Nt

• 窗口的三种类型，每种类型窗体拥有的方法不同：
  • MainWindow：指的是正常窗体：有菜单栏、状态栏、工具栏的窗体
  • Widget：指的是只是但有个窗体，其余什么都没有，最纯净的窗口
  • Dialog：指的是对话框窗体，拥有对话框可以有的一些操作：接受、拒绝、退出、取消、确认等

QMetaObject::connectSlotsByName(Dialog);//表示使用方法名来建立信号&槽的关系
 
 
/**
 * @brief Dialog::on_checkBoxUnderline_clicked
 * @param checked
 * sender checkBoxUnderline
 * signal clicked
 * receiver Dialog
 * slot   on_checkBoxUnderline_clicked(bool checked)
 */
void Dialog::on_checkBoxUnderline_clicked(bool checked)
{
    QFont font = ui->textBox->font();//获取font
    font.setUnderline(checked);//设置下划线
    ui->textBox->setFont(font);//设置font
    //ui->textBox->font().setUnderline(checked);//界面不能这么设置，因为font()的返回值是const，不能改，但是能获取
}
 
void Dialog::on_checkBoxItalic_clicked(bool checked)
{
    QFont font = ui->textBox->font();//获取font
    font.setItalic(checked);//设置斜体
    ui->textBox->setFont(font);//设置font
}
 
void Dialog::on_checkBoxBold_clicked(bool checked)
{
    QFont font = ui->textBox->font();//获取font
    font.setBold(checked);//设置加粗
    ui->textBox->setFont(font);//设置font
}
 
/**
 * @brief Dialog::on_checkBoxUnderline_clicked
 * @param checked
 * sender checkBoxUnderline
 * signal clicked
 * receiver Dialog
 * slot   on_checkBoxUnderline_clicked(bool checked)
 */
void Dialog::on_checkBoxUnderline_clicked(bool checked)
{
    QFont font = ui->textBox->font();//获取font
    font.setUnderline(checked);//设置下划线
    ui->textBox->setFont(font);//设置font
    //ui->textBox->font().setUnderline(checked);//界面不能这么设置，因为font()的返回值是const，不能改，但是能获取
}
 
void Dialog::on_checkBoxItalic_clicked(bool checked)
{
    QFont font = ui->textBox->font();//获取font
    font.setItalic(checked);//设置斜体
    ui->textBox->setFont(font);//设置font
}
 
void Dialog::on_checkBoxBold_clicked(bool checked)
{
    QFont font = ui->textBox->font();//获取font
    font.setBold(checked);//设置加粗
    ui->textBox->setFont(font);//设置font
}
 
/**
 * @description 设置字体颜色
 * 该槽函数是Radio Btn 的槽函数，是手动定义的。目的是让三个Radio Btn 共用一个槽函数
 * 也可以让三个Radio Btn有三个槽函数，只是会让代码显示很臃肿
 * 最后记得手动在窗口构造函数里（或者根据逻辑在代码其他地方）设置connnect ,使界面和槽函数连接起来。
 * QObject::connect(ui->radioButtonBlack, SIGNAL(clicked()), this, SLOT(on_colorRadioBtn_clicked()));
 * QObject::connect(ui->radioButtonRed, SIGNAL(clicked()), this, SLOT(on_colorRadioBtn_clicked()));
 * QObject::connect(ui->radioButtonBlue, SIGNAL(clicked()), this, SLOT(on_colorRadioBtn_clicked()));
 */
void Dialog::on_colorRadioBtn_clicked()
{
    QPalette palette = ui->textBox->palette();
    if(ui->radioButtonBlack->isChecked()){
        palette.setColor(QPalette::Text,Qt::black);
    }
    else if(ui->radioButtonBlue->isChecked()){
        palette.setColor(QPalette::Text,Qt::blue);
    }
    else if(ui->radioButtonRed->isChecked()){
        palette.setColor(QPalette::Text,Qt::red);
    }
    else
        palette.setColor(QPalette::Text,Qt::black);
    ui->textBox->setPalette(palette);
}

__EOF__

本文作者：echo_lovely
本文链接：https://www.cnblogs.com/echo-lovely/p/16215768.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！