Qt Creator自定义控件导入到VS Qt项目中

VS2015+Qt5.9.4环境下

第一步、首先在Qt Creator创建一个新项目,选择“其它项目”,再选择Qt 4设计师自定义控件,再点击“choose”创建;

Qt Creator自定义控件导入到VS Qt项目中_第1张图片

 第二步,定义项目名称跟路径,这里我命名为"RoundButton",路径设置为默认;

Qt Creator自定义控件导入到VS Qt项目中_第2张图片

点击下一步

Qt Creator自定义控件导入到VS Qt项目中_第3张图片 

 再下一步

Qt Creator自定义控件导入到VS Qt项目中_第4张图片

第三步、将控件的类重新命名,我这里命名为"RoundButton",这里的类名类似Qt控件名的“QPushButton” 、“QLabel”之类;

Qt Creator自定义控件导入到VS Qt项目中_第5张图片

 

 然后一直下一步,完成

Qt Creator自定义控件导入到VS Qt项目中_第6张图片

Qt Creator自定义控件导入到VS Qt项目中_第7张图片

 完成自定义项目创建

Qt Creator自定义控件导入到VS Qt项目中_第8张图片

 其中roundbutton.h跟roundbutton.cpp就是我们要自定义的部分,在这里不喜欢一张白纸,啥都没有,roundbutton.h/cpp文件。

 第四步、右击项目,点击“添加新文件”,选择"Qt",再选择“Qt 设计界面类”,选择“Choose”

Qt Creator自定义控件导入到VS Qt项目中_第9张图片

选择“QWidget”作为基类界面

Qt Creator自定义控件导入到VS Qt项目中_第10张图片 

将类名命名为之前一样的名称“RoundButton”

Qt Creator自定义控件导入到VS Qt项目中_第11张图片

 点击“下一步”、“完成”会弹出一个overwrite重写的提示,就是将原先的覆盖掉,选择“ok”是。

Qt Creator自定义控件导入到VS Qt项目中_第12张图片 

 会弹出个提示,选择“Yes to  All”

Qt Creator自定义控件导入到VS Qt项目中_第13张图片

自此又回到了我们熟悉的Ui设计师界面,我们可以在上面自由拖拽控件 ,也可以通过重绘函数paintEvent(QPaintEven *event)绘制我们所需的界面。

Qt Creator自定义控件导入到VS Qt项目中_第14张图片

第五步、假设在这里你已经自定义好了你需要的控件,Release 项目,找到项目路径下的,roundbuttonplugin.dll跟roundbuttonplugin.lib文件

Qt Creator自定义控件导入到VS Qt项目中_第15张图片

将他们拷贝到Qt设计师的目录中

Qt Creator自定义控件导入到VS Qt项目中_第16张图片 

第六步、进入VS Qt项目,打开Qt 设计师 - Qt Designear ,在自定义窗口部件可以看到我们自定义控件,我们就可以愉快的像耍QPushButton一样操作RounButton控件,但是你在编译的时候会发现会有link链接之类的错误。

Qt Creator自定义控件导入到VS Qt项目中_第17张图片

 第七步、接下来就是要处理上面的编译链接错误,首先将自定义控件项目下的ui_roundbutton.h文件拷贝到VS Qt项目下GeneratedFiles文件中,对需要手动拷贝进去。

Qt Creator自定义控件导入到VS Qt项目中_第18张图片

 Qt Creator自定义控件导入到VS Qt项目中_第19张图片

同时将自定义控件项目下的roundbutton.h跟roundbutton.cpp拷贝到VS Qt项目的同级目录下,并添加进入项目。

Qt Creator自定义控件导入到VS Qt项目中_第20张图片

 Qt Creator自定义控件导入到VS Qt项目中_第21张图片

Qt Creator自定义控件导入到VS Qt项目中_第22张图片 

最后编译项目,可以顺利通过,至此Qt Creator 自定义控件加入到VS Qt项目完成。

你可能感兴趣的:(Qt,Qt自定义控件,VS,Qt项目加入自定义控件)