Qt5 学习之路及嵌入式开发教程11：Qt5标准输入对话框类及QSlider控件

这次任务要完成弹出窗口及QSlider控件的界面设计及代码编写

一、Qt5弹出窗口

1、界面式布局

建立项目工程文件

（1）、建立应用程序

选择后，命名、两个下一步后进入设置界面

下一步后点击完成。

⑵、进入设置界面，进行界面布局设计

双击dialog.ui，进入界面设计页面。

在界面拖曳一个PushButton控件，其属性设置如下：

其设计效果：

（3），添加单击“学生基本信息”后弹出的窗口。

步骤：

①、右击项目文件，在弹出的菜单中找到“添加新文件”，进入选择界面

选择后：

下一步：

完成后，在左侧设计增加了StuDialog界面及文件

②、增加代码，使两界面有联系

步骤：

首先，双击中dialog.h，添加studialo.h头文件，然后定义窗口变量

其次，双击“dialog.ui”,右击“学生基本信息”控件，在弹出菜单中找到“转到槽”，进入设计界面。

确定后，最后添加代码：

③、运行程序，查看结果：

2、重复第1过程的步骤，再建立一个“调色示例”弹出窗口

其设计界面及属性：

设计界面：

其属性：

设计完毕后，再添加弹出窗口，最后效果

添加代码同第1过程：

运行效果：

二、功能界面设计及代码编写

1、功能界面设计（先设计“调色示例”）

双击“colormixdialog.ui”,进入界面设计。

第②、③部分属性设计如下（从上至下）：

第②部分刻度大小：

界面运行效果：

2、功能代码实现

双击“colormixdialog.ui”,右击“SliderRed”,在弹出菜单找到“转到槽”

确定后，添加代码：

然后在窗口类ColorMixDialog的构造函数里添加另外三个槽函数：

3、运行程序，查看结果：

三、学生基本信息界面设计及代码编写

1、界面设计

双击“studialog.ui”进行界面设计

其属性：

界面运行效果：

2、功能代码实现

首先在studialog.cpp中加入头文件

其次：双击studialog.ui界面，右击“修改姓名”控件，在弹出菜单找到“转到槽”

单击“OK”后，进入编辑代码：

  bool ok;QString text = QInputDialog::getText(this,tr("修改姓名对话框"),tr("请输入姓名："),QLineEdit::Normal,ui->NameLabel->text(),&ok);if ( ok && !text.isEmpty())ui->NameLabel->setText(text);

最后，运行程序，查看结果：

如果要把弹出窗口中的Ok,Cancel变为中文,要重新定义窗口，并赋值，代码如下：

    QInputDialog* inputDialog=new QInputDialog(this);inputDialog->setWindowTitle("修改姓名对话框");inputDialog->setLabelText("请输入姓名：");inputDialog->setOkButtonText("确定");inputDialog->setCancelButtonText("取消");bool ok;if(inputDialog->exec()==QDialog::Accepted){ok=true;}else{ok=false;}QString text=inputDialog->textValue();if ( ok && !text.isEmpty()){ui->nameLabel->setText(text);}

运行结果：

按同样步骤，完成“修改性别”，“修改年龄”，“修改成绩”功能。

其各自对应功能代码如下：

修改性别”：QStringList     SexItems;SexItems << tr("男") << tr("女");bool ok;QString  SexItem = QInputDialog::getItem(this,tr("性别修改对话框"),tr("请选择性别："),SexItems,0,false,&ok);if ( ok && !SexItem.isEmpty() )ui->SexLabel->setText(SexItem);“修改年龄”：bool ok;int age = QInputDialog::getInt(this,tr("修改年龄对话框"),tr("请输入年龄："),ui->AgeLabel->text().toInt(&ok),0,100,1,&ok);if ( ok )ui->AgeLabel->setText(QString(tr("%1")).arg(age));“修改成绩”：bool ok;double score = QInputDialog::getDouble(this,tr("修改成绩对话框"),tr("请输入成绩："),ui->ScoreLabel->text().toDouble(&ok),0,100,1,&ok);if ( ok )ui->ScoreLabel->setText(QString(tr("%1")).arg(score));

运行程序，查看结果：

Qt5 学习之路及嵌入式开发教程11：Qt5标准输入对话框类及QSlider控件相关推荐

Qt5 学习之路及嵌入式开发教程21：QML基础
Qt5 学习之路及嵌入式开发教程21:QML基础一.启动Qt5.12 1.新建项目文件,进入界面 2.选择后 3.几个下一步后,点击完成: 4.运行,查看结果二.在窗口中绘制一个矩形 1.在tit ...
Qt5 学习之路及嵌入式开发教程4：代码编写实现信号槽例子
Qt5 学习之路及嵌入式开发教程4:代码编写实现信号槽例子整体设计思路: 第一步:先设置整体界面控件的位置及大小: 第二步:添加代码,实现信号槽功能: 第三步:调试运行程序,实现程序功能. 一.整体 ...
Qt5学习之路及嵌入式开发教程1：信号槽例子
1.在开始处找到Qt5.8,打开编辑环境,创建工程 2.下一步 3.下一步 4.下一步 5.完成 6.点开相对应的文件,查看文件结构 7.看原来的代码 8.把上图右侧代码修改:①②为修改或增加部分 9 ...
SAP UI5 应用开发教程之一百零四 - SAP UI5 表格控件的支持复选(Multi-Select)以及如何用代码一次选中多个表格行项目
一套适合 SAP UI5 初学者循序渐进的学习教程作者简介 Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今.Jerry 是 SAP 社区导师,S ...
我的QT5学习之路（目录）
说明:本目录内容为自己学习的心得和记录,参考资料来源于网络,学习过程中多方汲取,如有错误,欢迎指正和批评. Qt开发相关文章目录一.我的Qt学习之路系列 1.[笔记]我的Qt学习之路(一)--浅谈Q ...
2019年最新版嵌入式开发教程大纲免费分享
嵌入式系统是当前热门.具发展前景的IT应用领域之一,很多数字包括手机.电子字典.可视电话.数字相机.数字摄像机.机顶盒.智能玩具医疗仪器和航空航天设备等都是典型的嵌入式系统.嵌入式不管是市场前景还是就 ...
嵌入式开发教程哪家好?云计算培训如何学?
近年来,随着嵌入式系统产业规模的持续增长,作为IT业的重要新兴产业和经济增长点,发展嵌入式系统产业已经成为了制造向创造转变的突破口,可以说现在对嵌入式开发人才的需求是非常大的,因此很多人通过参加嵌入式 ...
【VS开发】免费打工仔:一个完善的ActiveX Web控件教程
作者 David Marcionek. 翻译免费打工仔这个教程可以帮助你快速开发一个ActiveX控件.其中将要讲解关于ActiveX开发的一些基础概念,诸如方法(method).属性(prope ...
h5获取http请求头_java学习之路（2），http协议，request类
java学习之路(2),http协议,request类 java学习之路(2),http协议,request类 1.一个httpServlet的多个地址定义对于httpServlet可以定义一个数组 ...

Qt5 学习之路及嵌入式开发教程11：Qt5标准输入对话框类及QSlider控件

Qt5 学习之路及嵌入式开发教程11：Qt5标准输入对话框类及QSlider控件

Qt5 学习之路及嵌入式开发教程11：Qt5标准输入对话框类及QSlider控件相关推荐

最新文章

热门文章