QT学习第8课：QT计算器界面实现

声明：此文章仅是个人在学习狄泰QT课程所做的笔记，文章中包含狄泰资料的，一切版权归狄泰软件所有！　　

　　第8课是来做一个计算器界面，只是一个界面显示。不过也是挺兴奋的，以前一直对着黑框框，现在终于到界面了。

　　界面如下：

　　在设计这个计算器的时候，需要有QLineEdit组件。

　　　　-QLineEdit用于接受用户输入

　　　　-QLineEdit能够获取用户输出的字符串

　　　　-QLineEdit是功能性组件，需要父组件作为容器

　　　　-QLineEdit能够在父组件中进行定位

1 QWidget w;//生成QWidget对象,顶级组件
2 QLineEdit le(&w);//生成QLineEdit对象，其父组件为QWidget
3 
4 le.SetAlignment(Qt::AlingnRight);//设置显示字符串向右边对齐
5 le.move(10,10);//移动到坐标10,10
6 le.resize(240, 30);//设置大小width=240,height=30

　　界面设计图如下：

　　　　-定义组件间的间距

　　　　　　Space = 10px

　　　　-定义按钮组件大小

　　　　　　Width = 40px, Height = 40px

　　　　-定义文本框组件大小

　　　　　　Width = 5 * 40px + 4*10px, Height = 30px

　　设计与实现：

　　　　-计算器程序不需要最大化和最小化按钮

　　　　-计算器程序的窗口应该是固定化大小

　　　　-文本框不能直接输入字符

　　小结：

　　　　-GUI应用程序开发应该前必须先进行界面设计

　　　　-GUI应用程序界面需要考虑各个细节

　　　　　　-界面决定最终用户的体验

　　　　　　-界面细节是GUI应用程序品质的重要体现

　　　　-QT库有能力实现各种GUI应用程序需求

　　　　-QT帮助文档的使用对于开发是非常重要的。

　　代码实例：

 1 /*加入QT头文件,编译环境QT5.8*/
 2 #include <QApplication>
 3 #include <QWidget>
 4 #include <QLineEdit>
 5 #include <QPushButton>
 6 
 7 
 8 int main(int argc, char *argv[])
 9 {
10     QApplication a(argc, argv); //初学还不太懂
11     QWidget* w = new QWidget(NULL, Qt::WindowCloseButtonHint);//定义一个窗口对象,并配置窗口类型
12     QLineEdit* le = new QLineEdit(w);//定义一个对话框对象
13     QPushButton* button[20] = {0};//定义一个对象数组,包括有20个按键
14 
15     //按键的内容数组
16     const char* btnText[20]=
17     {
18       "7", "8", "9", "+", "(",
19       "4", "5", "6", "-", ")",
20       "1", "2", "3", "*", "<-",
21       "0", ".", "=", "/", "C",
22 
23     };
24 
25     int ret = 0;
26 
27     le->move(10, 10);       //设置对话框对象位置于坐标10，10的位置
28     le->resize(240, 30);    //设置对话框大小240,30
29     le->setReadOnly(true);  //配置对话框不能输入
30 
31     /*实现20个按键的排列及对按键内容的赋值*/
32     for(int i=0; i<4; i++)
33     {
34         for(int j=0; j<5; j++)
35         {
36             button[i*5 + j] = new QPushButton(w);//创建20个按键
37             button[i*5 + j]->resize(40, 40);//按键大小为40*40
38             button[i*5 + j]->move(10 + (10 + 40) * j,50 + ( 10 + 40)* i);//按键行和列间距
39             button[i*5 + j]->setText(btnText[i*5 + j]);//按键的字面值赋值
40         }
41     }
42 
43 
44 
45     w->show();       //显示窗口
46     w->setFixedSize(w->width(), w->height());//配置窗口大小
47 
48     return a.exec();//进入事件循环
49 
50     delete w;       //释放堆空间
51     delete le;
52 
53     return ret;
54 }

　　实例效果图如下：

　　当然现在只是一个界面，还得学会后面的知识才能实现这功能。一天进步一点。

QT学习第8课：QT计算器界面实现

推荐阅读