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 }

  实例效果图如下:

  

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

  

posted @ 2017-03-28 23:32  清风明月2018  阅读(2815)  评论(0编辑  收藏  举报