12月28日（结束）

1.界面

image.png
布局：
栅格、水平、垂直
弹簧

默认窗口和控件有：9像素间隙

如下布局方式：
image.png

2.控件

2.1button控件

2.1.1toolbotton

一般用在文字加图片
image.png
image.png选择图片和文字的格式，是否浮现

2.1.2.Radio button and groupbox

image.png
外面是box
里面是radio button
这样两边的都不干涉，都可以选择

  1. #include "widget.h"
  2. #include "ui_widget.h"
  4. Widget::Widget(QWidget *parent) :
  5.     QWidget(parent),
  6.     ui(new Ui::Widget)
  7. {
  8.     ui->setupUi(this);
  9.     //设置单选按钮默认选择
  10.     ui->rBtnMan->setChecked(true);
  12.     //选中女后 打印信息
  13.     connect(ui->rBtnWoman, &QRadioButton::clicked, [](){
  14.         qDebug() << "选中女";
  15.     });
  17. }
  19. Widget::~Widget()
  20. {
  21.     delete ui;
  22. }

2.1.3.checkBox

image.png

  1. //多选按钮 2s是选中 0是未选中  可选 半选
  2. connect(ui->cBoxPrice, &QCheckBox::stateChanged, [=](int state){
  3.     qDebug() << state;
  4. });

2.2 ItemWidget

2.2.1 QListWidget控件

QListWidgetItem *item -> 每行内容
listWidget->addItem（item）
设置居中方式item->setTextAlignment(Qt::AlignHCenter);
用additems 一次性添加多行
image.png

  1. #include "widget.h"
  2. #include "ui_widget.h"
  4. Widget::Widget(QWidget *parent) :
  5.     QWidget(parent),
  6.     ui(new Ui::Widget)
  7. {
  10.     //用listWidget写诗
  11. //    QListWidgetItem *item = new QListWidgetItem("锄禾日当午");
  12. //    //一行诗放到listWidget控件
  13. //    ui->listWidget->addItem(item);
  14. //    item->setTextAlignment(Qt::AlignHCenter);
  15.     // QStringList  QList<QString>
  16.     QStringList list;
  17.     list << "锄禾日当午" << "汗滴禾下土" << "谁知盘中餐" << "粒粒皆辛苦";
  18.     ui->listWidget->addItems(list);
  19. }
  21. Widget::~Widget()
  22. {
  23.     delete ui;
  24. }

2.2.2 QTreeWidget控件

1. 设置头 （只是在原有界面设置而已，所以不用new）
ui->treeWidget->setHeaderLabels(QStringList()<< “英雄”<< “英雄介绍”);
2. 创建根节点（新创建的，所以需要new）
QTreeWidgetItem liItem = new QTreeWidgetItem(QStringList()<< “力量”);
3. 添加根节点 到 树控件上
ui->treeWidget->addTopLevelItem(liItem);
*4. 添加子节点（创建子结点，也需要new）
liItem->addChild(l1);
利用QStringList()<<”…” 左移实现添加字符串到List列表
image.png

  1. #include "widget.h"
  2. #include "ui_widget.h"
  4. Widget::Widget(QWidget *parent) :
  5.     QWidget(parent),
  6.     ui(new Ui::Widget)
  7. {
  8.     ui->setupUi(this);
  10.     //设置水平头  匿名函数
  11.     ui->treeWidget->setHeaderLabels(QStringList() << "英雄" << "英雄介绍");
  13.     QTreeWidgetItem *liItem = new QTreeWidgetItem(QStringList() << "力量");
  14.     QTreeWidgetItem *mingItem = new QTreeWidgetItem(QStringList() << "敏捷");
  15.     QTreeWidgetItem *zhiItem = new QTreeWidgetItem(QStringList() << "智力");
  17.     //加载顶层结点
  18.     ui->treeWidget->addTopLevelItem(liItem);
  19.     ui->treeWidget->addTopLevelItem(mingItem);
  20.     ui->treeWidget->addTopLevelItem(zhiItem);
  22.     //追加子节点
  23.     QStringList heroL1;
  24.     heroL1 << "刚被猪" << "前排坦克，能在吸收伤害的同时造成可观的范围输出";
  25.     QTreeWidgetItem *l1 = new QTreeWidgetItem(heroL1);
  26.     liItem->addChild(l1);
  27. } 
  29. Widget::~Widget()
  30. {
  31.     delete ui;
  32. }

2.2.3 QTableWidget

(1)使用QStringList() << “…”
(2)使用QStringList nameList;（nameList[i]）
(3)使用QList < QString > sexList;（sexList.at[i]）
image.png

  1. #include "widget.h"
  2. #include "ui_widget.h"
  4. Widget::Widget(QWidget *parent) :
  5.     QWidget(parent),
  6.     ui(new Ui::Widget)
  7. {
  8.     ui->setupUi(this);
  10.     //TableWidget控件
  11.     //设置列数
  12.     ui->tableWidget->setColumnCount(3);
  14.     //设置水平表头
  15.     ui->tableWidget->setHorizontalHeaderLabels(QStringList() << "姓名" << "性别" << "年龄");
  17.     //设置行数
  18.     ui->tableWidget->setRowCount(5);
  20.     //设置正文
  21.     ui->tableWidget->setItem(0, 0, new QTableWidgetItem("亚瑟"));
  22.     QStringList nameList;
  23.     nameList << "亚瑟" << "赵云" << "张飞" << "关羽" << "花木兰";
  25.     QList<QString> sexList;
  26.     sexList << "男" << "男" << "男" << "男" << "女";
  28.     for (int i = 0; i < 5; ++i) {
  29.         int col = 0;
  30.         ui->tableWidget->setItem(i, col++, new QTableWidgetItem(nameList[i]));
  31.         //at 方法不会越界
  32.         ui->tableWidget->setItem(i, col++, new QTableWidgetItem(sexList.at(i)));
  33.         //QString->int
  34.         ui->tableWidget->setItem(i, col++, new QTableWidgetItem(QString::number(i+18)));
  35.     }
  38. }
  40. Widget::~Widget()
  41. {
  42.     delete ui;
  43. }

2.3 other

1.

image.png

  1. #include "widget.h"
  2. #include "ui_widget.h"
  4. Widget::Widget(QWidget *parent) :
  5.     QWidget(parent),
  6.     ui(new Ui::Widget)
  7. {
  8.     ui->setupUi(this);
  10.     //栈控件使用
  11.     //设置默认定位 不同index
  12.     ui->stackedWidget->setCurrentIndex(0);
  13.     //btn1
  14.     connect(ui->btn_1, &QPushButton::clicked, [=](){
  15.         ui->stackedWidget->setCurrentIndex(0);
  16.     });
  18.     //btn2
  19.     connect(ui->btn_2, &QPushButton::clicked, [=](){
  20.         ui->stackedWidget->setCurrentIndex(1);
  21.     }); 
  24. }
  26. Widget::~Widget()
  27. {
  28.     delete ui;
  29. }

2.下拉框和label添加图片

image.png

  1. #include "widget.h"
  2. #include "ui_widget.h"
  3. #include <QMovie>
  5. Widget::Widget(QWidget *parent) :
  6.     QWidget(parent),
  7.     ui(new Ui::Widget)
  8. {
  9.     ui->setupUi(this);
  11.     //设置下拉框
  12.     ui->comboBox->addItem("奔驰");
  13.     ui->comboBox->addItem("宝马");
  14.     ui->comboBox->addItem("拖拉机");
  16.     //按钮选中
  17.     connect(ui->pushButton, &QPushButton::clicked, [=](){
  18. //        ui->comboBox->setCurrentIndex(2);
  19.         ui->comboBox->setCurrentText("拖拉机");
  20.     });
  22.     //label设置图片
  23. //    ui->lable_pic->setPixmap(QPixmap(":/Image/butterfly.png"));  //设置图片
  25.     //label设置动图
  26.     QMovie *mov = new QMovie(":/Image/mario.gif");
  27.     ui->lable_pic->setMovie(mov);
  28.     mov->start();
  30. }
  32. Widget::~Widget()
  33. {
  34.     delete ui;
  35. }