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 }
实例效果图如下:
当然现在只是一个界面,还得学会后面的知识才能实现这功能。一天进步一点。