Qt计算器界面的实现

目录

1、设计与实现 

2、Qt信号与槽基础


1、设计与实现 

 

界面设计

 -定义组件间的间隔  Space = 10px 

 -定义按钮组件的大小   Width = 40px, Height = 40px 

 -定义文本框组件的大小  Width = 5 * 40px + 4 * 10px, Height = 30px 

         -计算器程序不需要最大化和最小化按钮 ,窗口固定大小 ,文本框不能直接输入字符 

Qt计算器界面的实现_第1张图片        Qt计算器界面的实现_第2张图片

 

计算机器界面实现 

#include 
#include 
#include 
#include 

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QWidget* w = new QWidget(NULL, Qt::WindowCloseButtonHint);
    QLineEdit* le = new QLineEdit(w);
    QPushButton* button[20] = {0};
    const char* btnText[20] =
    {
        "7", "8", "9", "+", "(",
        "4", "5", "6", "-", ")",
        "1", "2", "3", "*", "<-",
        "0", ".", "=", "/", "C",
    };
    int ret = 0;

    le->move(10, 10);
    le->resize(240, 30);
    le->setReadOnly(true);

    for(int i=0; i<4; i++)
    {
        for(int j=0; j<5; j++)
        {
            button[i*5 + j] = new QPushButton(w);
            button[i*5 + j]->resize(40, 40);
            button[i*5 + j]->move(10 + (10 + 40)*j, 50 + (10 + 40)*i);
            button[i*5 + j]->setText(btnText[i*5 + j]);
        }
    }

    w->show();
    w->setFixedSize(w->width(), w->height());
    
    ret = a.exec();

    delete w;

    return ret;
}

                                            Qt计算器界面的实现_第3张图片

计算器界面代码重构 

Qt计算器界面的实现_第4张图片

计算器界面代码重构 使用到二阶构造模式

QCalculatorUI.h

#ifndef _QCALCULATORUI_H_
#define _QCALCULATORUI_H_

#include 
#include 
#include 

class QCalculatorUI : public QWidget
{
private:
    QLineEdit* m_edit;
    QPushButton* m_buttons[20];

    QCalculatorUI();
    bool construct();
public:
    static QCalculatorUI* NewInstance();
    void show();
    ~QCalculatorUI();
};

#endif

QCalculatorUI.cpp

#include "QCalculatorUI.h"

QCalculatorUI::QCalculatorUI() : QWidget(NULL, Qt::WindowCloseButtonHint)
{

}

bool QCalculatorUI::construct()
{
    bool ret = true;
    const char* btnText[20] =
    {
        "7", "8", "9", "+", "(",
        "4", "5", "6", "-", ")",
        "1", "2", "3", "*", "<-",
        "0", ".", "=", "/", "C",
    };

    m_edit = new QLineEdit(this);

    if( m_edit != NULL )
    {
        m_edit->move(10, 10);
        m_edit->resize(240, 30);
        m_edit->setReadOnly(true);
    }
    else
    {
        ret = false;
    }

    for(int i=0; (i<4) && ret; i++)
    {
        for(int j=0; (j<5) && ret; j++)
        {
            m_buttons[i*5 + j] = new QPushButton(this);

            if( m_buttons[i*5 + j] != NULL )
            {
                m_buttons[i*5 + j]->resize(40, 40);
                m_buttons[i*5 + j]->move(10 + (10 + 40)*j, 50 + (10 + 40)*i);
                m_buttons[i*5 + j]->setText(btnText[i*5 + j]);
            }
            else
            {
                ret = false;
            }
        }
    }

    return ret;
}

QCalculatorUI* QCalculatorUI::NewInstance()
{
    QCalculatorUI* ret = new QCalculatorUI();

    if( (ret == NULL) || !ret->construct() )
    {
        delete ret;
        ret = NULL;
    }

    return ret;
}

void QCalculatorUI::show()
{
    QWidget::show();

    setFixedSize(width(), height());
}

QCalculatorUI::~QCalculatorUI()
{

}

main.cpp

#include 
#include "QCalculatorUI.h"

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QCalculatorUI* cal = QCalculatorUI::NewInstance();
    int ret = -1;

    if( cal != NULL )
    {
        cal->show();

        ret = a.exec();

        delete cal;
    }

    return ret;
}

 

2、Qt信号与槽基础

Qt中的消息处理机制 

  -信号(Signal):由操作系统产生的消息 

  -槽(Slot) :程序中的消息处理函数 

  -连接(Connect) :将系统消息绑定到消息处理函数

  -信号到槽的连接必须发生在两个Qt类对象之间! 

Qt计算器界面的实现_第5张图片

// sender: 发出信号的QObject子类
// receiver: 接收信号的QObject子类
// signal: 消息名
// method: 接收对象的消息处理函数名
bool QObject::connect(const QObject* sender, const char* signal, const QObject* receiver, const char* method, Qt::ConnectionType type = Qt::AutoConnection);

// 在Qt中,消息用字符串进行描述,connect函数在消息名和处理函数之间建立映射 
// SIGNAL (宏):用于指定消息名 
// SLOT :用于指定消息处理函数名 

//  示例
#include 
#include 

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QPushButton b;//成为顶层窗口

    b.setText("Click me to quit!");

    b.show();

    QObject::connect(&b,SIGNAL(clicked()),&a,SLOT(quit()));
    //将按钮对象的点击消息映射到a对象的quit函数

    return a.exec();
}

        Qt计算器界面的实现_第6张图片

自定义槽 

  -只有QObject的子类才能自定义槽 ,定义槽的类必须在声明的最开始处使用Q_OBJECT 

  -类中声明槽时需要使用slots关键字 

  -槽与所处理的信号在函数签名上必须一致 

  -SIGNAL和SLOT所指定的名称中: 可以包含参数类型,不能包含具体的参数名 

为计算器实例添加消息处理函数

QCalculatorUI.h

#ifndef _QCALCULATORUI_H_
#define _QCALCULATORUI_H_

#include 
#include 
#include 

class QCalculatorUI : public QWidget
{
    Q_OBJECT // 定义槽的类必须在声明的最开始处使用Q_OBJECT 
private:
    QLineEdit* m_edit;
    QPushButton* m_buttons[20];

    QCalculatorUI();
    bool construct();
private slots:
    void onButtonClicked();   // 消息处理函数
public:
    static QCalculatorUI* NewInstance();
    void show();
    ~QCalculatorUI();
};

#endif

QCalculatorUI.cpp

#include 

CalculatorUI::CalculatorUI()
{

}

bool CalculatorUI::construct()
{
    bool ret = true;

    const char* btnText[] =
    {
        "7", "8", "9", "+", "(",
        "4", "5", "6", "-", ")",
        "1", "2", "3", "*", "<-",
        "0", ".", "=", "/", "C",
    };

    m_edit = new QLineEdit(this);

    if( m_edit )
    {
        m_edit->move(10,10);
        m_edit->resize(240,30);
        m_edit->setReadOnly(true);
        m_edit->setAlignment(Qt::AlignRight);
    }
    else
    {
        ret = false;
    }

    for(int i = 0; i < 4 && ret; i++)
    {
        for(int j = 0; j < 5 && ret; j++)
        {
            m_buttons[i * 5 + j] = new QPushButton(this);

            if( m_buttons[i * 5 + j] )
            {
                m_buttons[i * 5 + j]->resize(40, 40);
                m_buttons[i * 5 + j]->move(10 + (10 + 40)*j, 50 + (10 + 40)*i);
                m_buttons[i * 5 + j]->setText(btnText[i * 5 + j]);
                QObject::connect(m_buttons[i * 5 + j], SIGNAL(clicked()),this, SLOT(onButtonClicked())); // 连接信号与槽
            }
            else
            {
                ret = false;
            }
        }
    }

    return ret;
}

CalculatorUI* CalculatorUI::NewInstance()
{
    CalculatorUI* ret = new CalculatorUI();

    if( ret == NULL || !ret->construct() )
    {
        delete ret;
        ret = NULL;
    }

    return ret;
}

void CalculatorUI::show()
{
    this->QWidget::show();
    this->setFixedSize(this->width(), this->height());
}

void CalculatorUI::onButtonClicked()
{
    QPushButton* btn = (QPushButton*)sender(); // Returns the connection that sent the signal

    QString clickText = btn->text();

    if(clickText == "<-")
    {
        QString text = m_edit->text();

        if(text.length() > 0)
        {
            text.remove(text.length()-1, 1);
            m_edit->setText(text);
        }
    }
    else if(clickText == "C")
    {
        m_edit->setText("");
    }
    else if(clickText == "=")
    {
        // 下节编写
    }
    else
    {
        m_edit->setText(m_edit->text() + clickText);
    }

}

CalculatorUI::~CalculatorUI()
{

}

main.cpp

#include 
#include "QCalculatorUI.h"

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QCalculatorUI* cal = QCalculatorUI::NewInstance();
    int ret = -1;

    if( cal != NULL )
    {
        cal->show();

        ret = a.exec();

        delete cal;
    }

    return ret;
}

Qt计算器界面的实现_第7张图片

 解决经典问题: Object::connect: No such slot… 、

            1. 检查类是否继承于QObject 

            2. 检查类声明的开始处是否添加Q_OB丿ECT 

            3. 检查是否使用slots关键字进行槽声明 

            4. 检查槽的名称是否拼写错误 

            5. 重新执行qmake 

Qt中信号的本质 

     -信号只是一个特殊的成员函数声明 ,函数的返回值是 void 类型 ,函数只能声明不能定义 

     -信号必须使用 signals 关键字进行声明 ,函数的访问属性自动被设置为protected ,只能通过 emit 关键字发射信号

信号定义示例

Qt计算器界面的实现_第8张图片

信号与槽的对应关系 

-一个信号可以连接到多个槽(一对多),多个信号可以连接到一个槽(多对一) 

-一个信号可以连接到另一个信号(转嫁) 

-连接可以被 disconnect 函数删除(移除) 

Qt计算器界面的实现_第9张图片

TestSignal.h

#include 

class TestSignal : public QObject
{
    Q_OBJECT

public:
    void send(int i)
    {
        emit testSignal(i);
    }
    
signals:
    void testSignal(int v);
};

RxClass.h

#include 
#include 

class RxClass : public QObject
{
    Q_OBJECT

protected slots:
    void mySlot(int v)
    {
        qDebug() << "void mySlot(int v)";
        qDebug() << "Sender: " << sender()->objectName();
        qDebug() << "Receiver: " << this->objectName();
        qDebug() << "Value: " << v;
        qDebug() << endl;
    }
};

main.cpp

#include 
#include 
#include "TestSignal.h"
#include "RxClass.h"

void emit_signal()
{
    qDebug() << "emit_signal()" << endl;

    TestSignal t;
    RxClass r;

    t.setObjectName("t"); //设置发送信号对象的对象名
    r.setObjectName("r");

    //信号连接到一个槽函数
    QObject::connect(&t, SIGNAL(testSignal(int)), &r, SLOT(mySlot(int)));

    for(int i=0; i<3; i++)
    {
        t.send(i);
    }
}

void one_to_multi()
{
    qDebug() << "one_to_multi()" << endl;

    TestSignal t;
    RxClass r1;
    RxClass r2;

    t.setObjectName("t");
    r1.setObjectName("r1");
    r2.setObjectName("r2");

    //信号连接到两个槽函数
    QObject::connect(&t, SIGNAL(testSignal(int)), &r1, SLOT(mySlot(int)));
    QObject::connect(&t, SIGNAL(testSignal(int)), &r2, SLOT(mySlot(int)));

    t.send(100);
}

void multi_to_one()
{
    qDebug() << "multi_to_one()" << endl;

    TestSignal t1;
    TestSignal t2;
    RxClass r;

    t1.setObjectName("t1");
    t2.setObjectName("t2");
    r.setObjectName("r");

    //多个信号连接到同一个槽函数
    QObject::connect(&t1, SIGNAL(testSignal(int)), &r, SLOT(mySlot(int)));
    QObject::connect(&t2, SIGNAL(testSignal(int)), &r, SLOT(mySlot(int)));

    t1.send(101);
    t2.send(102);
}

void signal_to_signal()
{
    qDebug() << "signal_to_signal()" << endl;

    TestSignal t1;
    TestSignal t2;
    RxClass r;

    t1.setObjectName("t1");
    t2.setObjectName("t2");
    r.setObjectName("r");

    //信号到信号的映射
    QObject::connect(&t1, SIGNAL(testSignal(int)), &t2, SIGNAL(testSignal(int)));
    QObject::connect(&t2, SIGNAL(testSignal(int)), &r, SLOT(mySlot(int)));

    t1.send(101);//t2接收t1的信号,接着将t2发送信号到槽,值为101,发送者t2
    t2.send(102);//然后t2再发出自己的信号,值102
}

int main(int argc, char *argv[])
{
    QCoreApplication a(argc, argv);

    // emit_signal(); 
    // one_to_multi();
    // multi_to_one();
    // signal_to_signal();
    
    return a.exec();
}

依次调用以上函数

Qt计算器界面的实现_第10张图片Qt计算器界面的实现_第11张图片

Qt计算器界面的实现_第12张图片Qt计算器界面的实现_第13张图片

不可忽视的军规 

        1. Qt类只能在头文件中声明 

        2. 信号与槽的原型应该完全相同 

        3. 信号参数多于槽参数时,多于的参数被忽略 

        4. 槽函数的返回值必须是void类型 

        5. 槽函数可以像普通成员函数一样被调用 

        6. 信号与槽的访问属性对于connect / disconnect无效 

信号与槽的意义 

       -最大限度的弱化了类之间的耦合关系 

       -在设计阶段,可以减少不必要的接口类(抽象类)

       -在开发阶段,对象间的交互通过信号与槽动态绑定 

 

 

 

 

 

 

 

你可能感兴趣的:(QT【笔记】)