app.component.ts import { Component } from '@angular/core'; @Component({selector: 'a"> QT学习第8课:QT计算器界面实现 - 11GX
首页 > QT学习第8课:QT计算器界面实现

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 
 3 #include 
 4 #include 
 5 #include 
 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 }

  实例效果图如下:

  

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

  

转载于:https://www.cnblogs.com/qingfeng2018/p/6637626.html

更多相关:

  • centos7以下的版本 #vim /etc/inittab 找到id:5:initdefault,将 5 修改为 3 即可 ________________________________________________________________________________________________ cento...

  •   准备工作,电脑上安装了VMware Workstation,百度经验一搜即可。我的版本是14.1.3 build-9474260 下载CentOS镜像,我下载的版本是64位的CentOS6.8 前两步准备工作做好之后,在VMware上的左上角找到文件点击新建虚拟机,弹出以下界面:               ...

  • 先来看一个GIF   这个GIF中有以下几个值得注意的地方 这个界面是基本的主要界面所应该在的地方。其右下角有一个“+”号,点击后,打开图像采集界面 在这个界面最上面的地方,显示的是当前图像处理的状态。(一般来说,是成功/不成功,或者是存在什么问题)。 固然采用文章显示状态的方法比较简陋,但是也是能够达到提示用户正确拍摄的目的的...

  • 第四天报告(10.28  周六) 团队:Java-Team 成员:  章辉宇(284)  吴政楠(286)  陈阳(PM:288)  韩华颂(142)  胡志权(143) github地址:https://github.com/WHUSE2017/Java-Team 团队会议 时间 2017.10.28    20:00-20:...

  • kuapingUI 2.2 版本发布,增加了一个比较实用的工具栏web组件,是由分享按钮组 + 联系按钮组构成,分享按钮组包含了 QQ空间、朋友圈、QQ、微信、微博等分享;联系按钮组包含了 微信、QQ、旺旺、Skype、电话等快捷沟通方式。演示地址 跨屏UI框架-响应式前端框架_基于Bootstrap的大组件UI框架​ui.kuapi...

  • 本篇文章主要介绍了vue 的keep-alive缓存功能的实现,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。#Vue 实现组件信息的缓存当我们在开发vue的项目过程中,避免不了在路由切换到其他的component再返回后该组件数据会重新加载,处理这种情况我们就需要用到keep-a...

  • 2020年Vue面试题Interview●●●●作者:@烦恼会解决烦恼vue核心知识——理论篇1、对于Vue是一套渐进式框架的理解渐进式代表的含义是:主张最少。Vue可能有些方面是不如React,不如Angular,但它是渐进的,没有强主张,你可以在原有大系统的上面,把一两个组件改用它实现,当jQuery用;也可以整个用它全家桶开...

  • app.component.html

    父组件字号:{{fontSizePx}}px

    app.component.ts ...fontSizePx=12...

  • app.component.html  app.component.ts import { Component } from '@angular/core'; @Component({selector: 'a...