qt学习 实训第三天，第四天

最新推荐文章于 2023-10-17 11:53:17 发布
最新推荐文章于 2023-10-17 11:53:17 发布
阅读量977 收藏
点赞数 1
分类专栏： 2016年实训 U盘恢复 文章标签： 界面设计 树莓派3 界面 qt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ywangjiyl/article/details/52357464
版权

第三天：

1、简单的QMessageBox界面设计

按照之前的步骤建立一个新的工程Camera工程，之后在左边栏界面文件dialog.ui中双击，把Push Button拖拉到中间去，修改它的objectname,如BT_MSG，然后在Dialog.cpp中添加一个头文件QMessagebox,如下面：include ，然后在新出现的void Dialog::on_BT_MSG_clicked函数中填写QMessageBox::warning( this,”hehe”,”haha”);然后出现一个窗口中间有一个框，名字叫Push Button,点击这个按钮，就会出现一个窗口，窗口名字叫hehe,内容是haha,左边还有出现一个感叹号的标志。
然后可以试试QMessageBox的另外三个方法question,critical,information.

2.点击一个按钮，然后出现Save & Open两个按钮，分别出现出现两个不同的内容

在上一个代码中把BT_MSG的代码改一下，用if语句

if( QMessageBox::information(this,"Tips","Are you ok?",QMessageBox::Save,QMessageBox::Open) == QMessageBox::Save)
            QMessageBox::information(this,"heh","eah");
   else
       QMessageBox::warning(this,"tian","bushi");

ps:注意括号。

3.试试，把另一个按钮设置成把一个图片变成黑白色的。
把上方代码的else的内容改成第二天学习的相对应的内容。

4.点击一个按钮，在窗口上出现一个新的按钮

用QPushButton定义一个新的对象BT_TEST和一个新的函数，然后在cpp文件中去定义，因为不知道这个按钮有多大，先在构造函数中定义这个对象BT_TEST为空，在析构函数中去删除，因为占内存，不删除，会出错。如果new了一个按钮，就必须在析构函数中去删除这个按钮。

private slots:
    void Picture();

private:
    Ui::Dialog *ui;

    QPushButton* BT_TEST;



----------
Dialog::Dialog(QWidget *parent) :
    QDialog(parent),
    ui(new Ui::Dialog)
{
    ui->setupUi(this);
    BT_TEST = NULL;
    connect(ui->BT_MSG,SIGNAL(clicked( )),this,SLOT(Picture()));
}

Dialog::~Dialog()
{
    delete ui;
    if(BT_TEST)
        delete BT_TEST;
}

void Dialog::Picture()
{
       if( ! BT_TEST )
       {
           BT_TEST = new QPushButton( this );
           BT_TEST->setText( "hee" );
           BT_TEST->move(10,10);
           BT_TEST->show();
       }
       ui->BT_MSG->setText("sdfsadf");//这个基本没用，改变原来按钮的文本
}
connect(ui->BT_MSG,SIGNAL(clicked( )),this,SLOT(Picture()));

connect函数我认为第一个可认为为发射源，按钮BT_MSG点击它可以发射出一个信息，通过clicked信号再到picture函数中，用来连接两个按钮。具体的百度。

void Dialog::Picture()

新建立的函数这样定义。

5.让新出现的按钮也会出现提醒

在原函数下用connect与新的函数连接。connect(BT_TEST,SIGNAL(clicked() ),this,SLOT(testhehe()));

6.用label和lineedit以以上的代码同样建立方法，输入用户名和密码，再显示出来

void Dialog::on_BT_MSG_clicked()
{
    connect(ui->BT_MSG,SIGNAL(clicked()),this,SLOT(testhehe()));
    QMessageBox::information(this,"User Name",ui->LE_USERNAME->text() );
    QMessageBox::information(this,"User passwd",ui->LE_PWD->text() );
}
void Dialog::testhehe()
{
    QMessageBox::information(this,"sfa","sdfa");
}

7.`Dialog::Dialog(QWidget *parent) :
QDialog(parent),
ui(new Ui::Dialog)
{
ui->setupUi(this);
ui->LE_USERNAME->setText(“请输入用户名”);
}

Dialog::~Dialog()
{
delete ui;

}
void Dialog::on_BT_MSG_clicked()
{
connect(ui->BT_MSG,SIGNAL(clicked()),this,SLOT(testhehe()));
QMessageBox::information(this,”User Name”,ui->LE_USERNAME->text() );
QMessageBox::information(this,”User passwd”,ui->LE_PWD->text() );
}
void Dialog::testhehe()
{
QMessageBox::information(this,”sfa”,”sdfa”);
}`

8.建立一个QLineEdit的文本框

在头文件需要添加新的头文件#include <QLineEdit>，这样才能正确的建立对象指针QLineEdit* LE_YEAR; 然后在构造函数中建立LE_YEAR的属性// 创建一个文本框对象
LE_YEAR = new QLineEdit( this );
// 调整文本框位置
LE_YEAR->move( 20, 0 );
// 设置文本框上显示的文本
LE_YEAR->setText( "2016" );
// 设置文本框的显示模式
LE_YEAR->setEchoMode( QLineEdit::NoEcho );
// 获取文本框的文本
QMessageBox::question( this, "info", LE_YEAR->text() );
之后在析构函数中删除这个对象delete LE_YEAR;

9.在板子上不能支持中文，所以在QT上需要添加如下代码：
首先在cpp文件中添加头文件#include <QTextCodec>，在构造函数中添加`QTextCodec* code = QTextCodec::codecForName( “UTF-8” );

QTextCodec::setCodecForTr( code );
QTextCodec::setCodecForLocale( QTextCodec::codecForLocale() );
QTextCodec::setCodecForCStrings( QTextCodec::codecForLocale() );

connect( ui->BT_SHOWIMAGE, SIGNAL( clicked() ), this, SLOT( ShowImage() ) );`

第四天：
1.简单的显示图片（没有设置大小和压缩，只是显示一张照片）

先拉取一个label定义为LB_IMAGE,在头文件dialog.h中定义一个对象指针QImage m_BKImage，然后在cpp文件中添加图片路径m_BKImage.load(**);和ui->LB_IMAGE->setPixmap(QPixmap::fromImage(m_BKImage));

m_BKImage.load( "E:\\google download\\haha.jpg");
ui->LB_IMAGE->setPixmap( QPixmap::fromImage( m_BKImage));

然后可以简单的实现显示图片

2.通过一个按钮来实现显示图片

在头文件中添加一个函数ShowImage()和按钮PushButton的objectname:BT_SHOWIMAGE和显示图片的按钮label:LB_IMAGE;

在构造函数中使用connect连接按钮BT_SHOWIMAGE和函数ShowImage和函数ShowImage的实现。

Dialog::Dialog(QWidget *parent) :
    QDialog(parent),
    ui(new Ui::Dialog)
{
    ui->setupUi(this)；
    connect(ui->BT_SHOWIMAGE,SIGNAL(clicked() ),this,SLOT( ShowImage() ));
    //因为在connect中ShowImage被设置为SLOT槽函数，所以在头文件中就必须定义为private slot:  （public slot也可以），必须为slot，其他的不行，比如public，无法识别为slot

}
void Dialog::ShowImage()
{
    if( ! m_BKImage.load( "E:\\google download\\haha.jpg"))
    {
        QMessageBox::question( this," Error","Load Picture Failed");
        return;   //不用返回0
    }
    ui->LB_IMAGE->resize( m_BKImage.width(),m_BKImage.height());//设置宽高
    ui->LB_IMAGE->setPixmap( QPixmap::fromImage( m_BKImage));   //加载图片
    //然后改变一下标点，MOVE一下
    ui->LB_IMAGE->move( 0,0 );
    //到这里能显示图片了，但因为图片上还有lineedit显示，所以使用hide函数去取消；
    ui->BT_SHOWIMAGE->hide();
    ui->lineEdit->hide();
    }

为了自己自动设置路径，不能一直确定路径，所以在ShowImage函数中更改一下变量m_BKImage的路径：

if( ! m_BKImage.load( ui->lineEdit->text() ))      //在lineedit中把Windows的路径放到其中，可以放粗来。
    {
        QMessageBox::information(this,"sdf","gfdg");
    }
    ui->LB_IMAGE->resize( m_BKImage.width(),m_BKImage.height());//设置宽高
    ui->LB_IMAGE->setPixmap( QPixmap::fromImage( m_BKImage));   //加载图片
    //然后改变一下标点，MOVE一下
    ui->LB_IMAGE->move( 0,0 );
    ui->BT_SHOWIMAGE->hide();
    ui->lineEdit->hide();

3.自己添加路径，点开按钮可以弹出自动搜索路径，第二个只是自己知道路径，这个是搜索路径，然后放到lineedit中（并压缩图片）

用QString,首先添加头文件QFileDialog,定义一个变量fileName

压缩图片是在设置显示图片的时候resize和setPixmap中更改一下代码

void Dialog::ShowImage()
{
      QString fileName = QFileDialog ::getOpenFileName(this,tr("Open File"),        
                                                     "",
                                                     tr("Images (*.png *.bmp *.jpg)"));
   //这个方法是打开相应的路径，变量名为fileName
    if( !  m_BKImage.load( fileName ))      //在lineedit中把Windows的路径放到其中，可以放粗来。
        {
            QMessageBox::information(this,"sdf","gfdg");
            return;
        }
        ui->LB_IMAGE->resize( this->geometry().width(),this->geometry().height());//设置宽高
        ui->LB_IMAGE->setPixmap( QPixmap::fromImage(m_BKImage.scaled(this->geometry().width(),this->geometry().height(),Qt::KeepAspectRatio)));   //加载图片
        //然后改变一下标点，MOVE一下
        ui->LB_IMAGE->move( 0,0 );
        ui->BT_SHOWIMAGE->hide();
        ui->lineEdit->hide();
}

4.让图片随客户框的大小的改变而改变

dialog.h:
#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>

namespace Ui {
class Dialog;
}

class Dialog : public QDialog
{
    Q_OBJECT

public:
    explicit Dialog(QWidget *parent = 0);
    ~Dialog();

    void resizeEvent(QResizeEvent* size);
private:
    Ui::Dialog *ui;

    QImage m_BKImage;

private slots:
    void ShowImage();
};

#endif // DIALOG_H

dialog.cpp:
#include "dialog.h"
#include "ui_dialog.h"
#include <QMessageBox>
#include <QFileDialog>
Dialog::Dialog(QWidget *parent) :
    QDialog(parent),
    ui(new Ui::Dialog)
{
    ui->setupUi(this);

    connect(ui->BT_SHOWIMAGE,SIGNAL(clicked() ),this,SLOT( ShowImage() ));
}

Dialog::~Dialog()
{
    delete ui;
}
void Dialog::ShowImage()
{
QString fileName = QFileDialog ::getOpenFileName(this,tr("Open File"),        
                                                     "",
                                                     tr("Images (*.png *.bmp *.jpg)"));
    if( !  m_BKImage.load( fileName ))      //在lineedit中把Windows的路径放到其中，可以放粗来。
        {
            QMessageBox::information(this,"sdf","gfdg");
            return;
        }
        ui->LB_IMAGE->resize( this->geometry().width(),this->geometry().height());//设置宽高
        ui->LB_IMAGE->setPixmap( QPixmap::fromImage(m_BKImage.scaled(this->geometry().width(),this->geometry().height(),Qt::KeepAspectRatio)));   //加载图片
        ui->LB_IMAGE->move( 0,0 );
        ui->BT_SHOWIMAGE->hide();
        ui->lineEdit->hide();
}
void Dialog::resizeEvent(QResizeEvent* size)
{
    QString position;
    position = QString("%1 %2").arg(this->geometry().width()).arg(this->geometry().height());
    ui->lineEdit->setText(position);
    ui->LB_IMAGE->resize( this->geometry().width(),this->geometry().height());//设置宽高
    ui->LB_IMAGE->setPixmap( QPixmap::fromImage(m_BKImage.scaled(this->geometry().width(),this->geometry().height(),Qt::KeepAspectRatio)));   //加载图片
}

QStringQString(“%1 %2”).arg(this->geometry().width()).arg(this->geometry().height());其中的%1%2是指代在arg后的指针，%1是第一个，%2是第二个。

ywangjiyl
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
QT5软件开发入门到项目实战PDF(配完整示例代码)(持续更新)
05-07 3万+
这是一套QT5软件开发入门到项目实战的教程，并配套了所有的案例完整代码，方便QT初学者快速入门；文章里包含了QT常用的控件使用介绍、多媒体应用、线程、网络编程、蓝牙、串口、应用发布、嵌入式设备环境部署、Android环境部署等；目前一共写了19章，627页，后续也会持续更新。
1_Qt开发基础.rar_QT_QT 学习资料_QT学习资料_qt第三版
09-25
这里面的资料可是经典哦，适合初学者自行学习，qt基础
qt学习 实训第五天 第六天
ywangjiyl的博客
08-31 908
第五天： 1.表示时间延迟添加头文件QTimer,槽函数OnTimeOut,还有对象指针QTimer m_TimerFlush,Dialog::Dialog(QWidget *parent) : QDialog(parent), ui(new Ui::Dialog) { ui->setupUi(this); m_TimeFlush.setInterval( 20 )
【QT项目】QT基础入门——项目案例翻金币小游戏
妄北y
10-17 4066
前面我们已经把基础的QT知识学习了一遍，已经足够运用这些知识做一个简单的小项目了，那么现在就让我们将所学的知识运用到现实操作中，来做一个简单的翻硬币小项目练练手吧
qt学习心得体会
m0_68667454的博客
09-23 2647
Qt界面开发分为两种模式，一个是Qtwidget，风格和C#桌面开发很相似，是传统的也是较为成熟的开发模式，适用场景是展示数据，图标等应用，桌面应用等。另一种模式是迥乎不同的一种界面开发模式，
暑假实训QT篇
墨城烟柳ベ旧人殇的博客
08-02 358
本文是暑假实训学习QT的笔记导入，显得有些杂乱。
qt程序中嵌入第三方exe外壳实例程序
06-17
嵌入程序以一个widget的形式加入，可以随窗口大小适应，嵌入程序中也实现了进程间通信形式，关于内部的第三方程序中的通信也是以相同的道理编写，这里没有包含，有疑问欢迎下方留言
基于QT的实训车牌识别系统源码+项目说明（SVM算法）.zip
最新发布
02-19
基于QT的实训车牌识别系统源码+项目说明（SVM算法）.zip基于QT的实训车牌识别系统源码+项目说明（SVM算法）.zip基于QT的实训车牌识别系统源码+项目说明（SVM算法）.zip基于QT的实训车牌识别系统源码+项目说明（SVM...
qt 设计界面上显示第三方应用的界面
07-17
qt 设计界面上显示第三方应用的界面，通过第三方应用的名称，搜索后，获得第三方应用界面的句柄，然后显示在自己设计的界面上。
Qt 嵌入式系统开发与应用实训--交通灯系统
06-03
（1）按照题目要求使用Qt编程，独立设计系统所需界面。实现交通灯计时显示、按钮控制交 通灯启动和停止。 （2）在十字交叉路口，东南西北各方向都设置红、黄、绿色信号灯，红灯亮表示禁止通行， 绿灯亮表示可以通行...
Qt应用编程学习心得
11-08
Qt应用编程，非常适合初习者，能学到很多东西，希望对你有帮助
我们学校qt项目实训 前期文档
12-21
我们学校qt项目实训 前期文档
Qt实训项目----（1）
mubowen666的博客
08-13 807
Qt实训项目----（1） 1. 创建窗体工程mainwindow，并且在窗体绘画区域内加载并显示图片； 2. 在工具栏中添加绘图工具，点击后由默认图标变为“+”图标，并且能使用操作工具在绘图区内画任一图形（三角形、正方形、圆形等）； 3. 在绘图区内实现右键取消绘图功能； 创建工程就不再赘述了，在窗体绘画区域内加载并显示图片，有好几种做法，在这里由于还需要后面功能的使用，我们就只用重绘事件来显示...
QT学习心得
weixin_56838059的博客
09-20 1988
echoMode：设置行编辑框里的内容的可见程度，Normal--任何时候该控件里的文本都是可见的，NoEcho----输入文本的时候文本的内容是不可见的，Password----表示输入文本的时候，文本内容是不可见的，PasswordEchoOnEdit----文本编辑的时候文本内容是可见的，文本不编辑的时候，文本内容不可见。如果阻塞的队列中既有写和读操作，由于QT规定，写的动作比读的动作优先级高，故先执行写的动作，然后再执行读的动作。
Qt学习总结（一）
qq_39298781的博客
03-05 2405
一、项目中遇到的问题 （1）c++文件中不同类如何共用一个变量 头文件1.h 源文件1.cpp 其他源文件2.cpp，3.cpp这些源文件都包含头文件1.h 方法： 在1.h声明全局变量 extern int n； 在1.cpp定义该全局变量 int n=0； 2.cpp和3.cpp均可直接使用变量n。 （2）正则表达式 二、课件总结 第一章 关于创建qt项目 1. 添加头文件 #incl...
【QT设计】QT学习11个心得总结
IPSG
12-18 5150
1效果 2说明：小白学QT，ui先画界面，槽函数放实现功能函数，最后链接槽函数与功能函数。 总结如下 1 信号常用触发形式 clicked——button triggered——Qaction 菜单栏上的就是QAction 2界面信息查看 对象查看器包含你界面所有的信息； 左边1表示你对应按钮或者label的别名，比如启动程序这个按钮别名为start_button,在程序中空控制这个按钮就必...
Qt实训项目----（4）
mubowen666的博客
08-23 714
Qt实训项目----（4） 1.在主窗体工具栏中添加平移、旋转工具； 2.平移：以鼠标所在绘图区位置为中心，实现绘图区图片的平移，要求： 图片的平移方向和距离按鼠标滑动的方向和距离进行； 3.旋转：点击旋转工具，绘图区图片即进行顺时针90°旋转。 第一件事，还是看任务。任务1是在主窗体工具栏中添加平移、旋转工具；这个就很简单了，跟以前的添加动作是一样的，直接在ui界面里面新建添加就好了。 那看任务...
QT学习总结
kyou007的专栏
06-13 5242
转眼间工作已经三个月了。。。实习期也已经满了。。在这三个月中 对qt的学习遇到了很多问题 也解决了很多问题。。。也留下了一些现在的未解之谜。 在工作中关于qt的一些东西也需要进行一些记录： QT Creator对大于带有两个空格的目录和中文命名的目录不支持！！ 究其原因 应该是qmake对带有空格的目录和中文命名的目录不支持！！ 1:在接触qt的开始 由于工程命名
关于Qt的一些学习心得，本人小白学了一个月的Qt
热门推荐
weixin_40551539的博客
07-25 2万+
本人为大一学生，学校组织的实训要求使用Qt完成一些项目，所以在网上学了一些。在此总结一下我的学习经验。 首先我使用的是Qt5.8.0的Qt Creator4.2.1。. 首先，如果你不是新手请跳过这一段。 打开Qt Creator，点击New Project建立新的项目， 然后选择这个（默认的）， 确定。出现这个，注意！名称与创建路径都不能有中文，否则后面会报错。 确定。出现...
qt将tableview的第三行第四列打印出来
06-10
您可以使用QPrinter和QPainter来实现在Qt中打印一个TableView的第三行第四列，以下是一个简单的示例代码： ```cpp void MainWindow::printTable() { QPrinter printer(QPrinter::HighResolution); printer....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值