QT项目代码去UI界面常用开发步骤

QT项目代码去UI界面常用开发步骤
     因项目开发需求,领导要求整个QT项目中不要用UI方式来实现界面,这样能保障程序运行稳定性以及代码的逻辑和可读性,先记录具体操作步骤如下:

     1、首先我们通过拖控件的方式来实现界面的设计效果,之后编译项目,运行,保障项目运行能正常打开操作界面即可。如常见的登录界面效果如下图:

   2、打开UI界面对应的头文件,由于项目编译成功后自动生成了界面UI对应的.h代码文件,如登录界面通过UI方式设计的代码文件正常来说有三个,分别是loginform.h,loginform.cpp,loginform.ui,项目编译运行后系统会根据loginform.ui文件自动生成一个ui_loginform.h。我们在项目中找到loginform.h代码文件,打开后,找到如下代码:

按住Ctrl键,然后用鼠标点击namespace Ui {class LoginForm;}代码中的LoginForm后,就会打开Debug目录下的ui_loginform.h文件,如下图:

   3、拷贝UI界面生成的头文件中的对应代码到我们的项目代码文件中,主要包括三部分代码如下。
   第一部分是代码对应的变量定义:

   
 

第二部分是界面对应的控件详细设置setupUi(QWidget * xxx)函数对应的代码:

   第三部分是翻译retranslateUi(QWidget * xxx)函数对应的代码:

 

 其中第一部分控件变量定义的代码拷贝到我们的登录界面头文件loginform.h文件中的private:代码中,如下图:

在public:下面新增初始化和翻译的函数定义:void setupUi(QWidget *LoginForm);void setupUi(QWidget *LoginForm);

然后将第二部分和第三部分的代码拷贝到loginform.cpp文件中,如图:

 4、删除头文件中和代码文件中对应的ui相关代码:

  • 在loginform.h文件中删除下述相关代码:

namespace Ui {
class LoginForm;
}

Ui::LoginForm *ui;

  • 在loginform.cpp文件中删除下述相关代码:

   a. 替换ui->为空字符串"";
   b. 删除构造函数中的,ui(new Ui::LoginForm)和代码
   c. 删除析构函数的delete ui;

 5、依次执行QTCreator软件构建菜单中的清理所有项目、执行qmake、重新构建所有项目等操作后,运行项目,发现已经成功实现了跟原有界面的项目一样的效果,至此完成整个去ui文件操作,达成了项目中以后只有.h和.cpp文件,没有.ui文件的目标。 

 


                
  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

疾风铸境

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值