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

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);

最后,运行程序,查看结果:

 

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

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

修改性别”:
    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));

运行程序,查看结果:

 

原创文章 64 获赞 14 访问量 3万+

猜你喜欢

转载自blog.csdn.net/fjqlldg/article/details/105442120
Qt5