QT-面向对象的QT编程，QT设计师

Posted 2022-06-21 ptfe

一、面向对象的编程

《案例》通过一个按钮更新时间显示，显示格式为xx:xx:xx

//主函数文件

#include<QApplication>
#include"TimeDialog.h"
int main(int argc,char** argv)
    
    QApplication app(argc,argv);
    TimeDialog time;
    time.show();
    return app.exec();

 

 

//类声明文件
#ifndef __TIMEDIALOG__
#define __TIMEDIALOG__
#include<QDialog>
#include<QTime>
#include<QPushButton>
#include<QLabel>
#include<QVBoxLayout>//垂直布局器
class TimeDialog:public QDialog
    Q_OBJECT 
public:
    TimeDialog(void);
private slots:
    void timeClicked(void);//因为label组件设置文本槽函数需要一个参数，但是buttonClicked信号是无参的。无法匹配，所以自定义槽函数进行连接
private:
    
    QPushButton* m_btnTime;
    QLabel* m_labTime;
   
;

#endif

 

 

//类实现文件
#include "TimeDialog.h"
TimeDialog::TimeDialog()
    setWindowTitle("时间");
    //获取按钮对象
    m_btnTime=new QPushButton("获取时间",this);
    //获取标签对象
    m_labTime=new QLabel("00:00:00",this);
    m_labTime->setFrameStyle(QFrame::Panel||QFrame::Sunken);//设置边框风格
    m_labTime->setAlignment(Qt::AlignHCenter||
                Qt::AlignVCenter);//设置对齐方式
    //创建垂直布局器
    QVBoxLayout* layout=new QVBoxLayout(this);
    layout->addWidget(m_labTime);
    layout->addWidget(m_btnTime);
    
    //显示布局器
    setLayout(layout);

    //连接
    connect(m_btnTime,SIGNAL(clicked()),this,SLOT(timeClicked()));
   


void TimeDialog::timeClicked(void)
    //currentTime返回QTime类对象，他是一个静态静
    //态成员函数
    //toString讲时间转换为字符串
    m_labTime->setText(
            QTime::currentTime().
                toString("hh:mm:ss"));

 

 也可以自定义信号函数完成与标签的连接（注意自定义函数只能声明，不能定义）

 

 

 

 

---

 

 

 二、QT设计师

1、《案例》使用designer重构加法计算器

（1）创建工程目录，并进入

（2）在终端输入designer进入设计师界面

 　　选择一个父窗口的模板，Dialog without buttons->单击Create

　　Widget box(窗口部件盒)包含了常用的组件，从上到下分别为

第一组（Layouts）	布局器
第二组（Spacers）	伸展器
第三组（Buttons）	按钮
第四组（Item views）	列表
第五组（Item widgets）	列表
第六组（Container）	容器
第七组（Input Widgets）	输入组件
第八组（Display Widgets）	显示组件

　　右侧比较重要

 （3）设计UI

　　1）拖拽一个Button组件，到对话框上，day2中计算器中“=”号的属性设置按钮。

　　使能禁用->修改objectname为m_btnCalc->Text文本改为“=”->修改字体大小，点大小18，加粗

 　　2）拖拽一个LineEdit组件，修改对象名为m_editX，修改字体大小，粗细。选择右对齐。同类有又右操作数的LineEdit对象。

　　3）结果的LineEdit对象要设置为只读。

　　4）加入Label的+号

（4）单机空白处，在快捷菜单中点击水平布局按钮，或者右键选择布局方式

（5）修改主对话框标题为“计算器”，修改对象名称

 （6）保存UI 

 

　（7）将UI文件转换成C++支持的.h文件，使用uic命令进行转换，如：uic CalculatorDialog.ui -o ui_CalculatorDialog.h//Makefile可完成此功能,可打开查看其内容

 　　这个自定义的类有两种用法：

　　　　1）由其他类继承　　

　　把上述头文件中UI命名空间下的计算器类由昨天的计算器类来继承，删除原来的UI初始化，保留槽函数，连接函数等，可完成此前计算器相同的功能

　　　　2）作为类成员

 　　自行完成

 

2、《案例》登录框

 

（1）按上图设置其必要属性，这里强调UI设计时两点：1）调节LineEdit的echoMode，使输入数据不可见。2）调节最小尺寸和最大尺寸的宽度和高度（与当前尺寸下相同），使其不可拉伸

 （2）uic将ui文件转换为头文件 

（3）编写代码

编写头文件继承LoginDialog或ui_LoginDialog类，可以与前者同名，因为在转换的头文件存在一个名为UI的命名空间。可以查看其关系。

编写类实现文件，需要在子类中调用setupUI函数，初始化UI ，同时在文件中将按钮中的文字改为中文确定和取消（使用button（）函数获取buttonBox中的两个按钮指针,它的参数是一个枚举值,例如：QButtonBox::Ok，再使用setText设置其文本）

实现主文件。

（4）构建工程，调试代码

 //类声明文件
#ifndef __LOGINDIALOG__
#define __LOGINDIALOG__


#include<QDialog>
#include<QMessageBox>
#include "ui_LoginDialog.h"


class LoginDialog:public QDialog,public Ui::LoginDialog
　　Q_OBJECT
public:
　　LoginDialog();

private slots:
　　void onAccepted();//单击组合按钮确定，发送的是accepted信号
　　void onRejected();//单击组合按钮取消，发送的是rejected信号
;

#endif

 

 //类实现文件
#include "LoginDialog.h"
#include<QPushButton>
LoginDialog::LoginDialog()

　　//初始化界面
　　setupUi(this);
　　m_btnBox->button(QDialogButtonBox::Ok)->setText("确定");
　　m_btnBox->button(QDialogButtonBox::Cancel)->setText("取消");


　　connect(m_btnBox,SIGNAL(accepted()),this,SLOT(onAccepted()));
　　connect(m_btnBox,SIGNAL(rejected()),this,SLOT(onRejected()));


void LoginDialog::onAccepted()
　　//如果输入正确用户名和密码，则登录成功，关闭父窗口
　　//输入错误，弹出提示框
　　if(m_editUsername->text()=="tarena"&&m_editPasswd->text()=="123456")
　　　　qDebug("登陆成功");
　　　　close();


else

　　QMessageBox msgBox(QMessageBox::Critical,//提示框风格
　　　　windowTitle(),//标题
　　　　"用户名或密码错误",//提示消息
　　　　QMessageBox::Ok,//选择按钮
　　　　this);//父窗口指针

　　msgBox.setButtonText(QMessageBox::Ok,"确定");
　　msgBox.exec();






void LoginDialog::onRejected()
//创建消息提示狂
　　QMessageBox msgBox(QMessageBox::Question,//提示框风格
　　　　windowTitle(),//标题
　　　　"确定取消登录吗？",//提示消息
　　　　QMessageBox::No|QMessageBox::Yes,//选择按钮
　　　　this);//父窗口指针
　　msgBox.setButtonText(QMessageBox::Yes,"确定");
　　msgBox.setButtonText(QMessageBox::No,"取消");
　　//点击yes退出父窗口
　　if(msgBox.exec()==QMessageBox::Yes)
　　　　close();

 

 

//主文件

#include<QApplication>
#include "LoginDialog.h"

int main(int argc,char** argv)

　　QApplication app(argc,argv);

　　LoginDialog login;
　　login.show();

　　return app.exec();

 

三、创造器（qtcreator）

1、《案例》重构前述计算器

（1）终端启动创造器

（2）新建工程，选择Application->在选择Qt widgets Application,创建

（3）输入工程名称，指定创建路径，并且会在此路径下创建一个与工程名相同的目录

（4）设置开发套件，采用默认即可 

（5）设置一个类名（这里设置为CalculatorDialog），并选择一个父窗口（基类）

　　

注意：

　　这一步骤完成后，会自动创建与输入类名对用的头文件，源文件和ui文件，项目文件及项目配置文件

 

（4）下一步，选择项目管理工具，这里没有，跳过。完成

注意：

　　在右侧的影子构建勾选后，会将生成的中间文件存放到设置的文件夹下，如图：

　　如果比较简单的工程，可去掉该选项

 

 （5）双击ui文件，进入设计。按前述计算机昨天的计算机设置组件属性

注意：

　　ui设计时父窗口对象名不能修改

 （6）全选组件  ，再水平布局 

（7）右键=号，选择转到槽，可自动生成槽函数声明和定义，手动添加按键使能槽函数（由EditLine内容来使能），并完成连接，只需完成定义内容即可