首页 > 学院 > 开发设计 > 正文

QT第一课_对话框小程序

2019-11-10 18:03:34
字体:
来源:转载
供稿:网友

Qt是一个跨平台的C++图形用户界面应用程序框架。

Qt第一课_对话框小程序正是基于此框架开发的。

先上图:

上图就是程序运行结果,它的功能非常简单,输入半径然后点击计算就能得出园的面积。

但对于入门还是有点小难。

第一步:

1)在qt上建立工程

工程名和路径自己设置,其余都是“下一步”

箭头处基类选择QDialog

点击完成之后一个qt对话框工程就建立完成了

接下来我们可以来到下面界面

 

点击“界面文件”à“dialog.ui”开始设计对话框程序的界面。

中间那片区域就是界面设计区域

三种控件:1.Display%20Widgets%20àTextLabel%202.Input%20WidgetsàLineEdit3.Buttons%20àpushButton

自己可以随意组合样式。

右键点击butoon键选择转到槽添加按键响应函数

代码如下:

voidDialog::on_pushButton_Cl_clicked()

{

   %20boolok;

   %20QStringMystr;//

   %20QStringMyValue=ui->lineEditR->text();//acceptR

   %20intvalueInt=MyValue.toInt(&ok);

 

   %20if(!ok)

   %20{

      QMessageBox::information(this,"来自应用消息","输入有误!");//此处设置错误消息弹框

      ui->lineEditR->clear();//输入有误则清除

      return;

   %20}

   %20doublearea=PI*valueInt*valueInt;

   %20ui->lineEditArea->setText(Mystr.setNum(area));

 

}

至此此小程序的基本功能就完成了。

但是还没完,要和开头看到的一样还有很多工作要做。

首先改变对话框的格式在.h文件中添加函数

PRivate:

voidInitCtrls();

然后在构造函数中调用此函数

Dialog::Dialog(QWidget*parent):

   %20QDialog(parent),

   %20ui(newUi::Dialog)

{

   %20ui->setupUi(this);

 

   %20InitCtrls();

 

}

风格函数实现

voidDialog::InitCtrls()

{

   %20this->setWindowTitle("练习");//修改标题

   %20this->setWindowFlags(Qt::Dialog|Qt::WindowCloseButtonHint|

                        %20Qt::WindowMaximizeButtonHint|Qt::WindowMinimizeButtonHint);//界面最大//化,最小化%20关闭

 

}

添加背景画面

如上风格函数,先在.h文件中添加函数:

protected:

   %20voidpaintEvent(QPaintEvent*);

 

 

函数实现代码:

voidDialog::paintEvent(QPaintEvent*)

{

 

  %20QPainterpainter(this);

  %20painter.drawPixmap(this->rect(),QPixmap(":/Images/bk.jpg"));//此处//添加图片路径

}

背景用图可以随意添加现简述一下过程:

1.在工程文件夹中新建一个文件夹把图片文件拷贝进去

右键点击工程名

添加新文件

如图

如图

选择图片即可。

 

至此一个小程序算是完成了。

QT菜鸟 ,大牛勿喷

欢迎一起讨论学习!!


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表