qt学习笔记7:控件、自定义控件封装

系统提供的控件们

按钮组:

  1. QPushButton 常用按钮
  2. QToolButton 工具按钮 用于显示图片,如果想显示文字,可以修改风格
  3. RadioButton 单选框 如果想设置默认 ui->空间名->setChecked
  4. CheckBox 多选按钮, 也可以设置监听状态 2是选中 1是半选中 0未选中

QListWidge控件:写文字的信息
QTreeWidge控件:设置头, 创建根节点 添加根节点到树控件上
qt学习笔记7:控件、自定义控件封装_第1张图片

QTableWidge


等等 先了解有哪些 要用的时候再深入学习

如Stacked Widget 、combox

利用QLabel可以显示图片和动图

ui->控件名称->setPixmap(QPixmap("图片路径"));//显示图片

显示动图:

#include
QMovie * movie = new QMovie(":/Image/1.gif");
ui->lbl_movie->setMovie(movie);
move->start();

自定义控件封装

新建新文件 QT 设计是界面类 模板选空窗口Widge 写一个类名 会自动生成.h文件和.cpp文件 还有一个ui文件
qt学习笔记7:控件、自定义控件封装_第2张图片

会自动定位到smallWiget.ui这个界面,在这个界面上就可以封装自定义控件 举例一个spinBox 一个Slider 并调整大小将这两个控件封装成固定大小
qt学习笔记7:控件、自定义控件封装_第3张图片
现在想在widget中使用这个控件, 首先要将这个控件拿过来
现在的类型是QWidget类型的
qt学习笔记7:控件、自定义控件封装_第4张图片
现在widget.ui中也创建一个该类型, 然后右键,选择 提升为,然后填入要提升的类的名称
qt学习笔记7:控件、自定义控件封装_第5张图片
全局包含这一选项 可点可不点(点了方便下次再添加), 点击添加, 点击提升,可以看到我们封装控件的类名了
qt学习笔记7:控件、自定义控件封装_第6张图片
运行可以在窗口中看到刚刚封装的控件
qt学习笔记7:控件、自定义控件封装_第7张图片

但是现在只是把这两个控件组合到一起了,并没有达到两者联动的效果,想要达到两者有关联,就需要在封装的.h和.cpp中写

首先找到这两个控件,可以改成自己顺手的名字,在ui中可以看到,现在第一个控件叫spinBox, 第二个控件叫horizontalSlider,现在需要进度条移动吗,数字也会相应变动
肯定需要用到信号,不熟悉的控件要学会查帮助文档
qt学习笔记7:控件、自定义控件封装_第8张图片
注意这边函数重载了
同样进度条的信号和槽函数, 发现没有槽函数
qt学习笔记7:控件、自定义控件封装_第9张图片
这时候可以去它父类找
qt学习笔记7:控件、自定义控件封装_第10张图片
就有了
qt学习笔记7:控件、自定义控件封装_第11张图片
qt学习笔记7:控件、自定义控件封装_第12张图片

  //QSpinBox移动,QSlider跟着移动
//    connect(ui->spinBox, &QSpinBox::valueChanged, ui->horizontalSlider, &QSlider::setValue);//valueChanged发生过重载 系统会不知道到底走哪里


       //我们走发送int的那个信号函数  函数指针 返回值都是void (作用域 * 名称)(参数)
    void(QSpinBox:: *spSignal)(int) = &QSpinBox::valueChanged;
    connect(ui->spinBox, spSignal, ui->horizontalSlider, &QSlider::setValue);//这个写法要记住

现在的运行结果是 只要spinBox动 sliderd会动,但是反之还没还有实现

来实现下一个connect
qt学习笔记7:控件、自定义控件封装_第13张图片这样就联动了

考虑对外给出接口

在small’W’iget.h中给出public的接口
qt学习笔记7:控件、自定义控件封装_第14张图片
在.cpp中
qt学习笔记7:控件、自定义控件封装_第15张图片
对外接口这就是已经提供了,现在再关联到控件上,给控件起个名分别为btn_setbtn_get
qt学习笔记7:控件、自定义控件封装_第16张图片
现在关联到.cpp文档中
qt学习笔记7:控件、自定义控件封装_第17张图片

这就ok 运行也欧克

你可能感兴趣的:(QT学习,qt,学习,ui)