自定义控件的封装
- 使用的控件组合
右键项目添加新文件
- 增加的新的ui文件
- 在smallWidget.ui
- 在widget.ui
- 选中widget,右键,提升为(选择全局包含,方便下次提升)
- 图中的widget控件类变成smallWidget类型:
- 然后编译运行:
- 在samllWidget.h中定义对外的接口
//设置值 void setData(int val); //获取值 int getData();
- 在samllWidget.cpp中进行功能的定义
SmallWidget::SmallWidget(QWidget *parent) : QWidget(parent), ui(new Ui::SmallWidget) { ui->setupUi(this); //修改SpinBox 右侧滚动条 跟着移动 void(QSpinBox:: *spinBoxP)(int) = &QSpinBox::valueChanged; connect(ui->spinBox,spinBoxP , [=](int val){ ui->horizontalSlider->setValue(val); }); //右侧滚动条移动,左侧跟着改变数字 connect(ui->horizontalSlider,&QSlider::valueChanged , [=](int val){ ui->spinBox->setValue(val); }); } //设置值 void SmallWidget::setData(int val) { ui->horizontalSlider->setValue(val); } //获取值 int SmallWidget::getData() { return ui->horizontalSlider->value(); }
- 在widget.cpp中使用
//点击设置按钮,将小控件设置到一半位置 connect(ui->btn_set,&QPushButton::clicked,[=](){ ui->widget->setData(50); }); //点击获取按钮,获取当前显示数字 connect(ui->btn_get,&QPushButton::clicked,[=](){ qDebug() << ui->widget->getData(); });