计算器界面分析及界面程序实现

最新推荐文章于 2022-04-26 09:10:19 发布

原创

最新推荐文章于 2022-04-26 09:10:19 发布 · 1.9k 阅读

15 ·

CC 4.0 BY-SA版权

博客大多是学习笔记，仅供自己总结回顾并无其他用途，并且大多都注明了出处，如有侵权，请告知，立即删除!

本文详细介绍了一个基于Qt的计算器程序界面设计与实现过程，包括界面元素的布局、尺寸设定及代码实现。进一步探讨了代码重构的重要性，展示了重构后的代码结构，旨在提高代码质量和软件维护性。

文章目录

1 计算器程序界面分析

程序界面如下：

在这里插入图片描述

界面设计：

定义组件间的间隔：
- Space = 10px
定义按钮组件的大小：
- Width = 40px，Height = 40px
定义文本框组件的大小：
- Width = 5 * 40px + 4 * 10px， Height = 30px

在这里插入图片描述
对于Qt应用程序开发：

GUI应用程序开发前必须进行界面设计。
GUI应用程序界面需要考虑各个细节：
- 界面决定最终用户的体验。
- 界面细节是GUI应用程序品质的重要体现。
Qt库有能力实现各种GUI应用程序需求。
Qt帮助文档的使用对于开发是非常重要的。

2 计算器界面程序实现

2.1 计算器界面程序初步实现

初步实现的代码如下：

#include <QtGui/QApplication>
#include <QWidget>
#include <QLineEdit>
#include <QPushButton>

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