qt:多元素类，容器类，布局类

1.列表

List Widget

在上述介绍中涉及到⼀个关键的类：QListWidgetItem，这个类表示 QListWidget 中的一个元素。核心方法如下，本质上就是⼀个 “文本+图标” 构成的

setFont: 设置字体
setIcon: 设置图标
setHidden: 设置隐藏
setSizeHint: 设置尺寸
setSelected: 设置是否选中
setText: 设置文本
setTextAlignment: 设置文本对齐方式
这些方法允许我们自定义 Q List Widget Item 的外观和行为。

通过结合使用 QListWidget 的属性、方法和信号，以及 QListWidgetItem 的方法，可以创建高度定制化的列表控件

编写一个程序，演示程序，实现程序记录和增删功能

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    connect(ui->pushButton,&QPushButton::clicked,this,&Widget::truebutton);

    connect(ui->pushButton_2,&QPushButton::clicked,this,&Widget::falsebutton);
    connect(ui->listWidget,&QListWidget::currentItemChanged,this,&Widget::print);
}

Widget::~Widget()
{
    delete ui;
}
void Widget::truebutton()
{
    if(!ui->lineEdit->text().isEmpty())
    {
        ui->listWidget->addItem(ui->lineEdit->text());
    }
}
void Widget::falsebutton()
{
    int row=ui->listWidget->currentRow();
        ui->listWidget->takeItem(row);

}
void Widget::print(QListWidgetItem*pre1,QListWidgetItem*now1)
{
    if(pre1)
    { if(!pre1->text().isEmpty())
    {
        ui->textEdit->append("先前选中"+pre1->text());
    }
}
    if(now1)
{
    if(!now1->text().isEmpty())
    {
        ui->textEdit->append("现在选中"+now1->text());
    }
    }
}

2.表格

TableWidget,表格中的每一格都是一个QTableWidge tItem对象

写出演示程序，实现表格行列的增加和减少

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    ui->tableWidget->insertRow(0);
    ui->tableWidget->insertRow(1);
    ui->tableWidget->insertRow(2);
    ui->tableWidget->insertColumn(0);
    ui->tableWidget->insertColumn(1);
    ui->tableWidget->insertColumn(2);
    ui->lineEdit->setClearButtonEnabled(true);
    connect(ui->pushButton,&QPushButton::clicked,this,&Widget::addrow);
    connect(ui->pushButton_2,&QPushButton::clicked,this,&Widget::addcolumn);
    connect(ui->pushButton_3,&QPushButton::clicked,this,&Widget::deleterow);
    connect(ui->pushButton_4,&QPushButton::clicked,this,&Widget::deletecolumn);
    }
void Widget::addcolumn()
{
    int column=ui->tableWidget->columnCount();
    ui->tableWidget->insertColumn(column);
    if(!ui->lineEdit->text().isEmpty())
    {
        ui->tableWidget->setHorizontalHeaderItem(column,new QTableWidgetItem(ui->lineEdit->text()));
    }
    else
    {
        qDebug()<<"请输入列名";
    }

}
void Widget::addrow()
{
    int row1=ui->tableWidget->rowCount();
    ui->tableWidget->insertRow(row1);
}
Widget::~Widget()
{
    delete ui;
}
void Widget::deleterow()
{
    int row1=ui->tableWidget->currentRow();
    ui->tableWidget->removeRow(row1);
}
void Widget::deletecolumn()
{
    int column=ui->tableWidget->currentColumn();
    ui->tableWidget->removeColumn(column);
}

3.树形图

QTreeWidget 每个节点是 QTreeWidge tItem，注意该树形结构没有根节点的设置，是从根节点的孩子进行设置，这样可以设置多个顶层节点

 创建一棵演示树

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    QTreeWidgetItem *top1=new QTreeWidgetItem();
    top1->setText(0,"狗");
    QTreeWidgetItem*top2=new QTreeWidgetItem();
    top2->setText(0,"猫");
    ui->treeWidget->addTopLevelItem(top1);
    ui->treeWidget->addTopLevelItem(top2);
    QTreeWidgetItem *child11=new QTreeWidgetItem();
    child11->setText(0,"瘦猫");
    QTreeWidgetItem*child12=new QTreeWidgetItem();
    child12->setText(0,"胖猫");
    top2->addChild(child11);
    top2->addChild(child12);
    connect(ui->pushButton,&QPushButton::clicked,this,&Widget::inserttop);
    connect(ui->pushButton_2,&QPushButton::clicked,this,&Widget::insertthis);
    connect(ui->pushButton_3,&QPushButton::clicked,this,&Widget::deletethis);
}
void Widget::inserttop()
{
    QTreeWidgetItem*i1=new QTreeWidgetItem();
    if(!ui->lineEdit->text().isEmpty())
    i1->setText(0,ui->lineEdit->text());
    ui->treeWidget->addTopLevelItem(i1);

}
void Widget::insertthis()
{
    QTreeWidgetItem*i1=new QTreeWidgetItem();
    if(!ui->lineEdit->text().isEmpty())
        i1->setText(0,ui->lineEdit->text());
    QTreeWidgetItem*nowthis=ui->treeWidget->currentItem();
    nowthis->addChild(i1);
}
void Widget::deletethis()
{
     QTreeWidgetItem*nowthis=ui->treeWidget->currentItem();
    if(!nowthis)
     {
         return;
    }
    QTreeWidgetItem*parent=nowthis->parent();
    if(!parent)
    {
        int ed=ui->treeWidget->indexOfTopLevelItem(nowthis);
        ui->treeWidget->takeTopLevelItem(ed);
    }
    else
    {
        parent->removeChild(nowthis);
    }
}
Widget::~Widget()
{
    delete ui;
}

4.分组框

QGroupBox

用的很少，不做过多演示

5.标签页

QTableWidget 

编写按钮实现标签页的增减

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    QLabel*l1=new QLabel(ui->tab);
    l1->setText("标签页1");
    l1->resize(100,50);
    QLabel*l2=new QLabel(ui->tab_2);
    l2->setText("标签页2");
    l2->resize(100,50);
    connect(ui->pushButton,&QPushButton::clicked,this,&Widget::addtab);
    connect(ui->pushButton_2,&QPushButton::clicked,this,&Widget::losetab);
}

Widget::~Widget()
{
    delete ui;
}
void Widget::addtab()
{
    int cnt=ui->tabWidget->count();
    QWidget*w=new QWidget();
    ui->tabWidget->addTab(w,QString("Tab")+QString::number(cnt+1));
    QLabel*l=new QLabel(w);
    l->setText("标签页"+QString::number(cnt+1));
    l->resize(100,50);
    ui->tabWidget->setCurrentIndex(cnt);
}
void Widget::losetab()
{
    int cnt=ui->tabWidget->currentIndex();
    ui->tabWidget->removeTab(cnt);
}

6.垂直布局

QVBoxLayout

 qt creater中使用垂直布局

#include "widget.h"
#include "ui_widget.h"
#include<QPushButton>
#include<QVBoxLayout>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    QPushButton*q1=new QPushButton("q1");
    QPushButton*q2=new QPushButton("q2");
    QPushButton*q3=new QPushButton("q3");
    QVBoxLayout*lay=new QVBoxLayout();
    lay->addWidget(q1);
    lay->addWidget(q2);
    lay->addWidget(q3);
    this->setLayout(lay);
}

Widget::~Widget()
{
    delete ui;
}

qt designer中，可以设置多个布局管理器，但是不会起作用，原因是一个Widget只能有一个布局管理器，多余的是新建一个Widget对象，所以不会有效

 7.水平布局

QHBoxLayout,属性和垂直布局一样，一般使用也完全相同，现在演示嵌套情况

#include "widget.h"
#include "ui_widget.h"
#include<QPushButton>
#include<QVBoxLayout>
#include<QHBoxLayout>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    QPushButton*q1=new QPushButton("q1");
    QPushButton*q2=new QPushButton("q2");
    QPushButton*q3=new QPushButton("q3");
    QVBoxLayout*vb=new QVBoxLayout();
    this->setLayout(vb);
    vb->addWidget(q1);
    vb->addWidget(q2);
    vb->addWidget(q3);
    QPushButton*q4=new QPushButton("q4");
    QPushButton*q5=new QPushButton("q5");
    QPushButton*q6=new QPushButton("q6");
    QHBoxLayout*hb=new QHBoxLayout();
    hb->addWidget(q4);
    hb->addWidget(q5);
    hb->addWidget(q6);
    vb->addLayout(hb);
}

Widget::~Widget()
{
    delete ui;
}

8.网格布局

QGridLayout

#include "widget.h"
#include "ui_widget.h"
#include<QPushButton>
#include<QGridLayout>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    QPushButton*q1=new QPushButton("q1");
    QPushButton*q2=new QPushButton("q2");
    QPushButton*q3=new QPushButton("q3");
    QPushButton*q4=new QPushButton("q4");
    QGridLayout*lay=new QGridLayout();
    lay->addWidget(q1,0,0);
    lay->addWidget(q2,0,1);
    lay->addWidget(q3,1,0);
    lay->addWidget(q4,1,1);
    this->setLayout(lay);
}


Widget::~Widget()
{
    delete ui;
}

注意，0,1代表是第几行第几列

设置列宽度（0则是不参与拉伸），按钮高度固定，所以列高度设置不明显

#include "widget.h"
#include "ui_widget.h"
#include<QPushButton>
#include<QGridLayout>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    QPushButton*q1=new QPushButton("q1");
    QPushButton*q2=new QPushButton("q2");
    QPushButton*q3=new QPushButton("q3");
    QPushButton*q4=new QPushButton("q4");
    QPushButton*q5=new QPushButton("q5");
    QPushButton*q6=new QPushButton("q6");
    QGridLayout*lay=new QGridLayout();
    lay->addWidget(q1,0,0);
    lay->addWidget(q2,0,1);
    lay->addWidget(q3,1,0);
    lay->addWidget(q4,1,1);
     lay->addWidget(q5,0,2);
     lay->addWidget(q6,1,2);
     lay->setColumnMinimumWidth(0,200);
     lay->setColumnMinimumWidth(1,100);
    lay->setColumnMinimumWidth(2,400);

    this->setLayout(lay);
   
}


Widget::~Widget()
{
    delete ui;
}

设置垂直拉伸 

QSizePolicy::Ignored：忽略控件的尺寸，不对布局产生影响。
QSizePolicy::Minimum：控件的最小尺寸为固定值，布局时不会超过该值。
QSizePolicy::Maximum：控件的最大尺寸为固定值，布局时不会小于该值。
QSizePolicy::Preferred：控件的理想尺寸为固定值，布局时会尽量接近该值。
QSizePolicy::Expanding：控件的尺寸可以根据空间调整，尽可能占据更多空间。
QSizePolicy::Shrinking：控件的尺寸可以根据空间调整，尽可能缩小以适应空间。

再演示一下用比例设置列间距

#include "widget.h"
#include "ui_widget.h"
#include<QPushButton>
#include<QGridLayout>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    QPushButton*q1=new QPushButton("q1");
    QPushButton*q2=new QPushButton("q2");
    QPushButton*q3=new QPushButton("q3");
    QPushButton*q4=new QPushButton("q4");
    QPushButton*q5=new QPushButton("q5");
    QPushButton*q6=new QPushButton("q6");
    q1->setSizePolicy(QSizePolicy::Expanding,QSizePolicy::Expanding);
    q2->setSizePolicy(QSizePolicy::Expanding,QSizePolicy::Expanding);
    q3->setSizePolicy(QSizePolicy::Expanding,QSizePolicy::Expanding);
    q4->setSizePolicy(QSizePolicy::Expanding,QSizePolicy::Expanding);
    q5->setSizePolicy(QSizePolicy::Expanding,QSizePolicy::Expanding);
    q6->setSizePolicy(QSizePolicy::Expanding,QSizePolicy::Expanding);
    QGridLayout*lay=new QGridLayout();
    lay->addWidget(q1,0,0);
    lay->addWidget(q2,0,1);
    lay->addWidget(q3,1,0);
    lay->addWidget(q4,1,1);
     lay->addWidget(q5,0,2);
     lay->addWidget(q6,1,2);
     lay->setRowStretch(0,1);
     lay->setRowStretch(1,6);
    lay->setRowStretch(2,3);

    this->setLayout(lay);

}


Widget::~Widget()
{
    delete ui;
}

网格也能嵌套 

9.表单布局

#include "widget.h"
#include "ui_widget.h"
#include<QFormLayout>
#include<QLabel>
#include<QLineEdit>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    QFormLayout*lay=new QFormLayout();
    this->setLayout(lay);
    QLabel*l1=new QLabel("账号");
    QLabel*l2=new QLabel("密码");
    QLineEdit *e1=new QLineEdit();
    QLineEdit* e2=new QLineEdit();
    lay->addRow(l1,e1);
    lay->addRow(l2,e2);

}

Widget::~Widget()
{
    delete ui;
}

 10.space

演示

#include "widget.h"
#include "ui_widget.h"
#include<QPushButton>
#include<QSpacerItem>
#include<QHBoxLayout>
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    QPushButton*q1=new QPushButton();
    QPushButton*q2=new QPushButton();
    QSpacerItem*sp=new QSpacerItem(200,20);
    QHBoxLayout *l=new  QHBoxLayout();
    this->setLayout(l);
    l->addWidget(q1);
    l->addSpacerItem(sp);
    l->addWidget(q2);
}

Widget::~Widget()
{
    delete ui;
}