【Qt】5.登录窗口布局、按钮组、listWidget控件、QTreeWidget控件使用

目录

登录窗口布局

效果

按钮组

代码

widget.cpp

结果

listWidget控件

代码

widget.cpp

结果

QTreeWidget控件使用

代码

widget.cpp

结果

登录窗口布局

  1. 利用Widget做容器,容器内部进行水平、垂直布局

  2. 灵活运用弹簧

  3. 设置属性:间隙,默认(9 9 9 9)

  4. 垂直策略

【Qt】5.登录窗口布局、按钮组、listWidget控件、QTreeWidget控件使用_第1张图片

效果

【Qt】5.登录窗口布局、按钮组、listWidget控件、QTreeWidget控件使用_第2张图片

按钮组

  1. PushButton按钮

  2. ToolButton工具按钮,多用于显示图片,ToolButtonStyle修改风格,autoRalse透明风格

  3. RadioButton单选,setChecked(ture)

  4. CheckBox多选,statechange独特的信号,0 未选中,1 半选中,2 选中

代码

widget.cpp

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

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    //单选按钮,默认选中 男
    ui->radioButton_Nan->setChecked(true);

    //点击 女,就打印选中
    connect(ui->radioButton_Nv,&QRadioButton::clicked,[=](){
        qDebug()<<"选中女的";
    });

    //多选框,选中后打印内容
    //选中2,未选中0,tristate 1状态
    connect(ui->checkBox,&QCheckBox::stateChanged,[=](int state){
        qDebug()<

【Qt】5.登录窗口布局、按钮组、listWidget控件、QTreeWidget控件使用_第3张图片

结果

【Qt】5.登录窗口布局、按钮组、listWidget控件、QTreeWidget控件使用_第4张图片

listWidget控件

  1. QListWidgetitem每一个项目

  2. item可以设置对齐方式

  3. item->setTextAlignment(Qt::AlignHCenter)

  4. 一次性的将所有内容添加

  5. additems(QStringList)

代码

widget.cpp

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

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    //单选按钮,默认选中 男
    ui->radioButton_Nan->setChecked(true);

    //点击 女,就打印选中
    connect(ui->radioButton_Nv,&QRadioButton::clicked,[=](){
        qDebug()<<"选中女的";
    });

    //多选框,选中后打印内容
    //选中2,未选中0,tristate 1状态
    connect(ui->checkBox,&QCheckBox::stateChanged,[=](int state){
        qDebug()<setTextAlignment(Qt::AlignHCenter);//设置对齐方式
    ui->listWidget->addItem(item);

    //QString===QList
    QStringList list;
    list<<"你好"<<"世界"<<"中国第一";
    ui->listWidget->addItems(list);
}

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

【Qt】5.登录窗口布局、按钮组、listWidget控件、QTreeWidget控件使用_第5张图片

结果

【Qt】5.登录窗口布局、按钮组、listWidget控件、QTreeWidget控件使用_第6张图片

QTreeWidget控件使用

  1. 设置头setHeaderLabels(QStriingList()<<"姓名"...)

  2. 每个项目QTreeWidgetItem

  3. 添加顶层项目addTopLeaveItem

  4. 添加子项目addChild()

代码

widget.cpp

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

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    //treeWidget控件使用
    //添加头
    ui->treeWidget->setHeaderLabels(QStringList()<<"姓名"<<"介绍");

    //添加项目
    QTreeWidgetItem *liItem=new QTreeWidgetItem(QStringList()<<"力量");
    QTreeWidgetItem *minItem=new QTreeWidgetItem(QStringList()<<"敏捷");
    QTreeWidgetItem *zhiItem=new QTreeWidgetItem(QStringList()<<"智力");

    //添加顶层项目
    ui->treeWidget->addTopLevelItem(liItem);
    ui->treeWidget->addTopLevelItem(minItem);
    ui->treeWidget->addTopLevelItem(zhiItem);

    QStringList h1,h2,h3,h4,h5,h6;
    h1<<"AAA"<<"aaa";
    h2<<"BBB"<<"bbb";
    h3<<"CCC"<<"ccc";
    h4<<"DDD"<<"ddd";
    h5<<"EEE"<<"eee";
    h6<<"FFF"<<"fff";

    //追加子项目
    QTreeWidgetItem *li1=new QTreeWidgetItem(h1);
    liItem->addChild(li1);
    QTreeWidgetItem *li2=new QTreeWidgetItem(h2);
    liItem->addChild(li2);
    QTreeWidgetItem *min1=new QTreeWidgetItem(h3);
    minItem->addChild(min1);
    QTreeWidgetItem *min2=new QTreeWidgetItem(h4);
    minItem->addChild(min2);
    QTreeWidgetItem *zhi1=new QTreeWidgetItem(h5);
    zhiItem->addChild(zhi1);
    QTreeWidgetItem *zhi2=new QTreeWidgetItem(h6);
    zhiItem->addChild(zhi2);
}

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

【Qt】5.登录窗口布局、按钮组、listWidget控件、QTreeWidget控件使用_第7张图片

结果

【Qt】5.登录窗口布局、按钮组、listWidget控件、QTreeWidget控件使用_第8张图片

你可能感兴趣的:(Qt,qt,ui,开发语言,c++)