Qt自定义组件方法

Qt自定义组件方法

  该案例要实现一个如下图组件,右侧进度条会随着SpinBox数值的改变而做出相应变化。功能简单,主要是通过一个简单例子掌握Qt组件的实现方法。

  Qt自定义组件方法_第1张图片  步骤1:UI设计器中,在需要放置自定义组件的位置放入Widget容器widge,并设置号Widget在UI界面的布局;

  步骤2:如下如,添加新文件-->选择C++ Class,点击chose按钮,进入下一界面,输出Class name,选择Base class为QWidget,下一步-->完成。

      Qt自定义组件方法_第2张图片Qt自定义组件方法_第3张图片

  步骤3:在myWidget.cpp类中添加如下代码:

 1 //包含需要用到的组件
 2 #include 
 3 #include 
 4 #include 
 5 
 6 //构造函数中添加如下
 7     QSpinBox *spin = new QSpinBox(this);
 8     QProgressBar *progress = new QProgressBar(this);
 9     spin->setRange(0,100);
10     progress->setRange(0,100);
11 
12     QHBoxLayout *hLayout = new QHBoxLayout(this);
13     hLayout->addWidget(spin);
14     hLayout->addWidget(progress);
15 
16     connect(spin,SIGNAL(valueChanged(int)),progress,SLOT(setValue(int)));
View Code

  步骤4:在UI设计界面,右键点击在步骤1中添加的Widget容器,弹出右键菜单,选择“提升为”弹出如下图窗口:

Qt自定义组件方法_第4张图片

    然后在提升的类名称中输入“myWidget”(步骤2中新添加类的名称,即自定义组件的对象名称),头文件自动补全,勾选全局包含,点击“添加”按钮,点击“提升”,在右侧组件属性窗口可以看出步骤1中添加的             widget组件的类名称变为myWidget,如下图:

Qt自定义组件方法_第5张图片

    编译运行软件效果:

   

  以后在需要用到该自定义组件的地方,只需像步骤4中那样,右键菜单->提升为->选择“myWidget”即可。

  可以使用该方法实现自定组件,对Qt提供的组件进行功能扩充或者将不同组件组成一个组件,实现组件功能的扩展。

  最后,需要注意的是,被提升的组件和自定义组件必须为相同的基类,如该例中UI界面中被提升的widget组件基类和自定义组件基类都为QWidget类。

转载于:https://www.cnblogs.com/Forward-Forever/p/10415719.html

你可能感兴趣的:(Qt自定义组件方法)