读书频道 > 网站 > 网页设计 > Linux环境下Qt4图形界面与MySQL编程
3.6.3 示例9:GroupBox和ScrollArea的示例
12-11-05    奋斗的小年轻
收藏    我要投稿   
在Linux操作系统环境下,图形界面与数据库编程技术越来越受到广泛重视。本书以图形界面编程控件与数据库编程基础→简单易学的实例→实际工程项目开发与场景分析为写作主线,以当前最新的Qt4.7为依据,采...立即去当当网订购

由于GroupBox和ScrollArea使用起来很简单,这里用一个示例来介绍这两个控件的使用方法。

首先创建标准的Qt Gui Application项目,把项目在主界面中自动生成的toolBar、menuBar和statusBar删除,设计界面如图3-46所示。

1.控件说明

在属性编辑窗口中对控件的属性进行修改,修改内容如表3-14所示。


 

2.示例说明

本示例中显示图片的label是自定义的,示例功能说明:

?单击“打开图片”按钮,程序就会按照图片原来的尺寸打开这张图片,如果窗体不够大,就会出现滚动条。

3.示例实现

头文件mainwindow.h(文中的粗体为需要添加的内容):
#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include <QMainWindow>
#include <QLabel>
namespace Ui {
 class MainWindow;
}
class MainWindow : public QMainWindow
{
 Q_OBJECT
public:
 explicit MainWindow(QWidget *parent = 0);
 ~MainWindow();
private:
 Ui::MainWindow *ui;
 QLabel *label ;
private slots:
  void on_btnOpen_clicked();
};
#endif // MAINWINDOW_H

在头文件中声明一个Label和一个槽函数on_btnOpen_clicked(),Label的名称是label,用来添加到ScrollArea中显示的图片。此处的槽函数是通过右击控件→Go to slots自动生成的,所以不用在实现文件中添加映射函数。

在主窗体mainwindow.cpp文件中自动生成如下代码:
#include "mainwindow.h"
#include "ui_mainwindow.h"
MainWindow::MainWindow(QWidget *parent) :
 QMainWindow(parent),
 ui(new Ui::MainWindow)
{
 ui->setupUi(this);
}
MainWindow::~MainWindow()
{
 delete ui;
}

在主窗体mainwindow.cpp文件中添加的头文件:
#include <QFileDialog>
#include <QMessageBox>

在主窗体mainwindow.cpp文件中构造函数:

/***构造函数***/
MainWindow::MainWindow(QWidget *parent) :
 QMainWindow(parent),
 ui(new Ui::MainWindow)
{
 ui->setupUi(this);
 label = new QLabel;              //new label
 ui->scrollArea->setWidget(label);//设置label处于滚动区内
}

在主窗体mainwindow.cpp文件中添加槽函数on_btnOpen_clicked():

/***槽函数:打开图片***/
void MainWindow::on_btnOpen_clicked()
{
 QString fileName = QFileDialog::getOpenFileName(this,
            tr("Open File"), QDir::currentPath());    //获取文件
 if(!fileName.isEmpty())//文件不为空
 {
  QImage image(fileName);
  if(image.isNull())
  {
    QMessageBox::information(this, tr("Image Viewer"),
            tr("Cannot load %1.").arg(fileName));
    return;
  }
  label->setPixmap(QPixmap::fromImage(image));//显示图片
 }
}

主文件main.cpp不用任何更改,使用项目自动生成的即可。

4.示例执行结果

示例执行结果如图3-47所示。


 

点击复制链接 与好友分享!回本站首页
分享到: 更多
您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力  
上一篇:1.3 功能
下一篇:1.5 小结
相关文章
图文推荐
JavaScript网页动画设
1.9 响应式
1.8 登陆页式
1.7 主题式
排行
热门
文章
下载
读书

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训
版权所有: 红黑联盟--致力于做最好的IT技术学习网站