QT常用的控件

一.控件概述

Widget 是 Qt 中的核心概念. 英文原义是 “小部件”, 我们此处也把它翻译为 “控件” .
控件是构成⼀个图形化界面的基本要素.

像上述示例中的, 按钮, 列表视图, 树形视图, 单行输入框, 多行输入框, 滚动条, 下拉框等, 都可以称为 “控件”.

Qt 作为⼀个成熟的 GUI 开发框架, 内置了大量的常用控件. 这⼀点在 Qt Designer 中就可以看到端倪.
并且 Qt 也提供了 “自定义控件” 的能力, 可以让程序猿在现有控件不能满足需求的时候, 对现有控件做出扩展, 或者手搓出新的控件

二.QWidget 核心属性

在 Qt 中, 使用 QWidget 类表示 “控件”. 像按钮, 视图, 输入框, 滚动条等具体的控件类, 都是继承自QWidget.
可以说, QWidget 中就包含了 Qt 整个控件体系中, 通⽤的部分.

在 Qt Designer 中, 随便拖⼀个控件过来, 选中该控件, 即可在右下放看到 QWidget 中的属性

这些属性既可以通过 QtDesigner 会直接修改, 也可以通过代码的方式修改.
这些属性的具体含义, 在 Qt Assistant 中均有详细介绍.

2.1 核心属性概览

下列表格列出了 QWidget 中的属性及其作用.

2.2 enabled

• 所谓 “禁用” 指的是该控件不能接收任何用户的输入事件, 并且外观上往往是灰色的
• 如果⼀个 widget 被禁用, 则该 widget 的子元素也被禁用.

代码示例：使用代码创建一个禁用状态的按钮

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

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

    ui->pushButton->setEnabled(false);

}

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

运行程序, 可以看到按钮处于灰色状态, 无法被点击.

代码示例: 通过按钮2 切换按钮1 的禁用状态.

生成两个按钮的 slot 函数.

• List item使用 isEnabled 获取当前按钮的可用状态.
• 使用 setEnabled 修改按钮的可用状态. 此处是直接针对原来的可用状态进行取反后设置.

#include "widget.h"
#include "ui_widget.h"
#include<QDebug>

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

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


void Widget::on_pushButton_clicked()
{
   
   
    qDebug()<<"按下按钮";
}

void Widget::on_pushButton_2_clicked()
{
   
   
    bool fal = this->ui->pushButton->isEnabled();
    this->ui->pushButton->setEnabled(!fal);
}

2.3 geometry

位置和尺寸. 其实是四个属性的统称:

• x横坐标
• y宗坐标
• width宽度
• height 高度
  

对于 Qt 的坐标系, 不要忘记是⼀个 “左手坐标系”. 其中坐标系的原点是当前元素的父元素的左上角

代码示例: 控制按钮的位置

在 widget.cpp 中编写四个按钮的 slot 函数

#include "widget.h"
#include "ui_widget.h"
#include<QDebug>
#include<QRect>

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

}

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


void Widget::on_pushButton_up_clicked()
{
   
   
    QRect ret =ui->pushButton->geometry();
    ui->pushButton->setGeometry(ret.x(),ret.y()-5,ret.width(),ret.height());

}

void Widget::on_pushButton_left_clicked()
{
   
   
    QRect ret = ui->pushButton->geometry();
    ui->pushButton->setGeometry(ret.x()-5,ret.y(),ret.width(),ret.height(