c++怎么做界面

学习过C++的都知道,标准C++只是定义了一门语言,提供了一套标准库,能写出功能强大的控制台程序。可是黑黑的控制台程序显然无法满足挑剔的用户。那么C++能不能写成漂亮界面的程序呢?答案是肯定的。不过显然标准C++无法满足,幸运的是有几套功能强大的图形界面库可以供我们使用,使用这些库我们就能写出图形界面程序。图形界面库如此之多,我们的选择也很多,今天我打算使用的是Qt库,这是一个开源的跨平台库,功能强大,而且好用。我们以一个简单的小程序看看如何用qt来实现一个图形界面程序。

操作方法

  • 01

    打开QtCreator,新建一个qt工程。如果您不知道怎么下载Qt,请参考我的另一篇经验。

  • 02

    工程建立完毕,代码编辑界面出现,我们先不管代码。我们双击左侧的dialog.ui,将会打开图形界面编辑器。我们可以看到左侧有很多控件,中间就是程序运行时显示的窗口,右侧是对象窗口和属性窗口。其实,图形界面编辑器有一个独立的软件,叫做qt designer,是专门用来编辑图形资源的。实际上,我们编辑完成的图形界面是一个纯文本的xml文件,其实还有很多类似的图形界面编辑器。Qt集成开发环境会将我们编辑的图形界面xml文件转换成可编译的c++代码。

  • 03

    下面我们在中间的窗口中拖入一个按钮,一个文本框。左键按住Push Button和Line Edit不放,拖到界面上即可。我们要注意按钮和文本框的objectName,在编写代码时要用到。

  • 04

    我们将窗口调整下,让窗口大小合适,按钮和文本框能够对齐,并且能够随窗口的变化而变化。 先点击窗口空白的地方,再点击上方工具栏上的  水平布局 按钮。然后将窗口调整到合适大小,我们来看看效果。

  • 05

    我们可以点击菜单栏的  工具   Form Editor    预览,来看看实际运行时窗口的效果。这只是外观效果,下面我们来添加一点代码。

  • 06

    在按钮上 右键,点击  转到槽。然后再双击clicked(),将转到代码编辑页面。

  • 07

    在代码编辑页面添加如下代码: QMessageBox::information(this,"图形界面",ui->lineEdit->text()); 注意在顶部添加#include <QMessageBox>

  • 08

    好了,点击运行按钮,等一会后看看程序运行情况。然后在文本框输入一些内容,再点击pushbutton按钮。

  • 09

    可以看到一个漂亮的图形界面程序已经完成了。我们仅仅拖放了两个控件,写了两行代码就完成了。 我们再来看看改变程序窗口会怎么样。

(0)

相关推荐

  • 界面设计 ≠ 屏幕设计

    各位在互联网做设计的朋友,工作中几乎每天都接触着电脑和手机屏幕,像我的交互设计工作也以接需求画原型图写文档为主.但我今天想说的,和这些看起来没有什么关系.我想说点屏幕外的交互设计. 在设计界,我们几乎 ...

  • 用户的注意力从界面上转移到哪了?

    一位小伙伴转发了我之前在知乎上回答的一个关于「如何入行」的链接给我,说看完后很受益.这个回答是去年写的,内容我也忘得差不多了,或许是因为想到当初自学的苦日子,所以我自己在看的过程中也是鼻子一酸--流鼻 ...

  • 怎么用C语言做简易小游戏(2048开发)

    问:C语言都学了这么久了,怎么连个小游戏都做不了? 答:主要是C语言中的库函数并没有完全掌握,只凭着基础语法很难做出游戏的. 问:我想做个游戏界面,怎么办? 答:如果你有图形库的话可以使用 #incl ...

  • 设计师常用的界面原型设计工具

    操作方法 01 所谓"工欲善其事必先利其器",做界面设计如果没有好的工具进行辅助,那只会导致事倍而功半.本人从事界面设计开发多年,接触了多种界面原型设计工具,这里想跟大家分享一点我 ...

  • CEBX电子书制作图文教程

    今天小编在这里介绍一下CEBX的特点和优点,以及怎样制作CEBX的电子书吧~ Apabi Reader for iOS 是一款新发布的,支持CEBX、PDF及TXT格式图书的电子书阅读器。这款软件有很 ...

  • 交互动效设计-After Effect(1)

    从这次的教程开始,我会出一些UI设计相关的交互动效设计教程,希望能帮助到有需要的宝宝们 写在前面 目前市面上已经有很多交互动效原型设计的软件 比如AfterEffects,Principle,Hype ...

  • UI设计新人疑惑解答

    新人不知道该如何学UI设计,也有很多疑问解不开.这篇文章就是虎哥专门写给新人的.咱采用问答的形式来揭开谜团,让新人心里的石头落地. 下面是虎哥(学UI网创始人)私人微信号:hu2020 (请备注来意, ...

  • UI设计提速秘笈:Photoshop CC使用技巧

    作为工作繁忙的设计师,我们一直追求高效.敏捷地完成设计任务,那究竟要如何提升UI设计效率呢?本文将从软件.习惯.技巧等三个方面来阐述笔者的一些心得总结. 软件篇 工欲善其事,必先利其器.UI设计要更有 ...

  • IOS 7 Ui规范PSD

    这是UI规范,要好好分析下,做界面的时候,有什么不清楚的,比如说尺寸,间距,字号什么的,就打开规范,量一量.