旅游网站制作教程,263个人邮件入口,如何在网站开发国外大客户,慈溪网站制作文章目录 1. 实例功能简述2. 源码2.1 可视化UI设计2.2 mainwindow.h2.3 mainwindow.cpp 1. 实例功能简述
本节介绍 QTreeWidget、QDockWidget 的使用#xff0c;以及用 QLabel 显示图片的方法。实例 samp4_8以QTreeWidget 为主要组件#xff0c;创建一个照片管理器#xff… 文章目录 1. 实例功能简述2. 源码2.1 可视化UI设计2.2 mainwindow.h2.3 mainwindow.cpp 1. 实例功能简述
本节介绍 QTreeWidget、QDockWidget 的使用以及用 QLabel 显示图片的方法。实例 samp4_8以QTreeWidget 为主要组件创建一个照片管理器实例运行时的界面如图 4-14 所示。 这个实例主要演示如下几个组件的使用方法。
QTreeWidget目录树组件
QTreeWidget 类是创建和管理目录树结构的类。实例使用一个 QTreeWidget 组件管理照片目录可以添加、删除节点每个节点设置一个自定义类型另外还设置了一个自定义数据图片节点存储完整文件名以便单击节点时显示该图片。
QDockWidget 停靠区域组件 QDockWidget 是可以在QMainWindow 窗口停靠或在桌面最上层浮动的界面组件。本实例将一个QTreeWidget 组件放置在 QDockWidget 区域上设置其可以在主窗口的左或右侧停靠也可以浮动。QLabel组件显示图片 右侧是一个QScrollArea 组件ScrollArea 上面放置一个 QLabel组件通过为 QLabel设置一个QPixmap 显示图片。通过 QPixmap 操作可进行缩放显示包括放大、缩小、实际大小、适合宽度、适合高度等。
QTreeWidget、QDockWidget和QLabel组件详细的使用方法请见源码或书籍
2. 源码
2.1 可视化UI设计 2.2 mainwindow.h
#ifndef MAINWINDOW_H
#define MAINWINDOW_H#include QMainWindow
#include QTreeWidgetItem
#include QLabelnamespace Ui {
class MainWindow;
}class MainWindow : public QMainWindow
{Q_OBJECT
private:
//枚举类型treeItemType 用于创建 QTreeWidgetItem 时作为节点的type, 自定义类型必须大于1000
//itTopItem 顶层节点; itGroupItem 组节点 itImageItem 图片enum treeItemType{itTopItem1001,itGroupItem,itImageItem};//枚举类型表示列号enum treeColNum{colItem0, colItemType1}; //目录树列的编号定义QLabel *LabFileName;QPixmap curPixmap; //当前的图片float pixRatio;//当前图片缩放比例void iniTree();//目录树初始化void addFolderItem(QTreeWidgetItem *parItem, QString dirName);//添加一个目录节点QString getFinalFolderName(const QString fullPathName);//从目录全名称中获取最后的文件夹名称void addImageItem(QTreeWidgetItem *parItem,QString aFilename);//添加一个图片节点void displayImage(QTreeWidgetItem *item); //显示一个图片节点的图片void changeItemCaption(QTreeWidgetItem *item); //遍历改变节点标题
public:explicit MainWindow(QWidget *parent 0);~MainWindow();private slots:
//目录树当前节点变动的信号void on_treeFiles_currentItemChanged(QTreeWidgetItem *current, QTreeWidgetItem *previous);void on_actAddFolder_triggered();//添加目录节点void on_actAddFiles_triggered();//添加图片节点void on_actZoomOut_triggered(); //缩小zoom outvoid on_actZoomIn_triggered(); //放大zoom invoid on_actZoomFitW_triggered(); //适合宽度void on_actZoomFitH_triggered();//适合高度void on_actZoomRealSize_triggered(); //实际大小void on_actDeleteItem_triggered(); //删除节点void on_actScanItems_triggered(); //遍历节点void on_actDockVisible_toggled(bool arg1);void on_dockWidget_visibilityChanged(bool visible);void on_dockWidget_topLevelChanged(bool topLevel);void on_actDockFloat_triggered(bool checked);private:Ui::MainWindow *ui;
};#endif // MAINWINDOW_H
2.3 mainwindow.cpp
#include mainwindow.h
#include ui_mainwindow.h#include QTreeWidgetItem
#include QFileDialogvoid MainWindow::iniTree()
{ //初始化TreeQString dataStr; // Item的Data 存储的stringui-treeFiles-clear();//清除目录树所有节点QIcon icon;icon.addFile(:/images/icons/15.ico); //设置ICON的图标QTreeWidgetItem* itemnew QTreeWidgetItem(MainWindow::itTopItem); //新建节点时设定类型为 itTopItemitem-setIcon(MainWindow::colItem,icon); //设置第1列的图标item-setText(MainWindow::colItem,图片文件); //设置第1列的文字item-setText(MainWindow::colItemType,typeitTopItem); //设置第2列的文字item-setFlags(Qt::ItemIsSelectable | Qt::ItemIsUserCheckable | Qt::ItemIsEnabled | Qt::ItemIsAutoTristate);item-setCheckState(colItem,Qt::Checked);//设置为选中item-setData(MainWindow::colItem,Qt::UserRole,QVariant(dataStr)); //设置节点第1列的Qt::UserRole的Dataui-treeFiles-addTopLevelItem(item);//添加顶层节点
}void MainWindow::addFolderItem(QTreeWidgetItem *parItem, QString dirName)
{//添加一个目录节点QIcon icon(:/images/icons/open3.bmp);QString NodeTextgetFinalFolderName(dirName); //从一个完整目录名称里获得最后的文件夹名称QTreeWidgetItem *item; //节点itemnew QTreeWidgetItem(MainWindow::itGroupItem); //新建节点, 设定type为 itGroupItemitem-setIcon(colItem,icon); //设置图标item-setText(colItem,NodeText); //最后的文件夹名称第1列item-setText(colItemType,typeitGroupItem); //完整目录名称第2列item-setFlags(Qt::ItemIsSelectable | Qt::ItemIsUserCheckable | Qt::ItemIsEnabled | Qt::ItemIsAutoTristate); //设置节点选项item-setCheckState(colItem,Qt::Checked); //节点选中item-setData(colItem,Qt::UserRole,QVariant(dirName)); //设置角色为Qt::UserRole的Data,存储完整目录名称parItem-addChild(item); //在父节点下面添加子节点
}QString MainWindow::getFinalFolderName(const QString fullPathName)
{//从一个完整目录名称里获得最后的文件夹名称int cntfullPathName.length(); //字符串长度int ifullPathName.lastIndexOf(/);// 最后一次出现的位置QString strfullPathName.right(cnt-i-1); //获得最后的文件夹的名称return str;
}void MainWindow::addImageItem(QTreeWidgetItem *parItem, QString aFilename)
{//添加一个图片文件节点QIcon icon(:/images/icons/31.ico);//ICON的图标QString NodeTextgetFinalFolderName(aFilename); //获得最后的文件名称QTreeWidgetItem *item; //节点itemnew QTreeWidgetItem(MainWindow::itImageItem); //新建节点时设定类型为 itImageItemitem-setIcon(colItem,icon); //设置图标item-setText(colItem,NodeText); //最后的文件夹名称item-setText(colItemType,typeitImageItem); //完整目录名称item-setFlags(Qt::ItemIsSelectable | Qt::ItemIsUserCheckable | Qt::ItemIsEnabled | Qt::ItemIsAutoTristate); //设置节点选项item-setCheckState(colItem,Qt::Checked); //节点选中item-setData(colItem,Qt::UserRole,QVariant(aFilename)); //设置节点Qt::UserRole的Data,存储完整文件名称parItem-addChild(item); //在父节点下面添加子节点
}void MainWindow::displayImage(QTreeWidgetItem *item)
{//显示图片,节点item存储的图片文件名QString filenameitem-data(colItem,Qt::UserRole).toString();//获取节点data里存的文件名LabFileName-setText(filename);curPixmap.load(filename); //从文件载入图片on_actZoomFitH_triggered(); //自动适应高度显示ui-actZoomFitH-setEnabled(true);ui-actZoomFitW-setEnabled(true);ui-actZoomIn-setEnabled(true);ui-actZoomOut-setEnabled(true);ui-actZoomRealSize-setEnabled(true);
}void MainWindow::changeItemCaption(QTreeWidgetItem *item)
{ //改变节点的标题文字QString str*item-text(colItem); //节点标题前加“*”item-setText(colItem,str); //设置节点标题if (item-childCount()0) //如果有子节点for (int i0;iitem-childCount();i) //遍历子节点changeItemCaption(item-child(i)); //调用自己可重入的函数
}MainWindow::MainWindow(QWidget *parent) :QMainWindow(parent),ui(new Ui::MainWindow)
{ui-setupUi(this);LabFileNamenew QLabel();ui-statusBar-addWidget(LabFileName);this-setCentralWidget(ui-scrollArea); //设置中心布局组件iniTree();//初始化目录树
}MainWindow::~MainWindow()
{delete ui;
}void MainWindow::on_treeFiles_currentItemChanged(QTreeWidgetItem *current, QTreeWidgetItem *previous)
{ //当前节点选择变化时触发Q_UNUSED(previous);if (currentNULL)return;int varcurrent-type();//节点的类型switch(var){case itTopItem: //顶层节点ui-actAddFolder-setEnabled(true);ui-actAddFiles-setEnabled(true);ui-actDeleteItem-setEnabled(false); //顶层节点不能删除break;case itGroupItem: //文件组节点ui-actAddFolder-setEnabled(true);ui-actAddFiles-setEnabled(true);ui-actDeleteItem-setEnabled(true);break;case itImageItem: //图片文件节点ui-actAddFolder-setEnabled(false); //图片节点下不能添加目录节点ui-actAddFiles-setEnabled(true);ui-actDeleteItem-setEnabled(true);displayImage(current); //显示图片break;}
}void MainWindow::on_actAddFolder_triggered()
{// 选择一个文件夹,作为当前节点的子节点加入QString dirQFileDialog::getExistingDirectory();//选择目录if (!dir.isEmpty()) //选择目录名称不为空{QTreeWidgetItem* parItemui-treeFiles-currentItem(); //当前节点addFolderItem(parItem,dir);//在父节点下面添加一个组节点}
}void MainWindow::on_actAddFiles_triggered()
{//添加图片文件节点QStringList filesQFileDialog::getOpenFileNames(this,选择一个或多个文件,,Images(*.jpg));//多选文件if (files.isEmpty()) //如果一个文件都没选return;QTreeWidgetItem *parItem,*item; //节点itemui-treeFiles-currentItem(); //当前节点if (item-type()itImageItem) //若当前节点是图片节点取其父节点作为父节点parItemitem-parent();else //否则取当前节点为父节点parItemitem;for (int i 0; i files.size(); i){QString aFilenamefiles.at(i); //得到StringList里的一行也就是一个文件名addImageItem(parItem,aFilename); //添加一个图片节点}
}void MainWindow::on_actZoomOut_triggered()
{ //缩小显示pixRatiopixRatio*0.8; //在当前比例基础上乘以0.8int wpixRatio*curPixmap.width();// 显示宽度int hpixRatio*curPixmap.height();//显示高度QPixmap pixcurPixmap.scaled(w,h); //图片缩放到指定高度和宽度保持长宽比例ui-LabPicture-setPixmap(pix);
}void MainWindow::on_actZoomIn_triggered()
{//放大显示pixRatiopixRatio*1.2;//在当前比例基础上乘以0.8int wpixRatio*curPixmap.width();// 显示宽度int hpixRatio*curPixmap.height();//显示高度QPixmap pixcurPixmap.scaled(w,h);//图片缩放到指定高度和宽度保持长宽比例ui-LabPicture-setPixmap(pix);
}void MainWindow::on_actZoomFitW_triggered()
{ //适应宽度显示int wui-scrollArea-width()-20;//得到scrollArea的高度int realwcurPixmap.width();//原始图片的实际宽度pixRatiofloat(w)/realw;//当前显示比例必须转换为浮点数QPixmap pixcurPixmap.scaledToWidth(w-30);ui-LabPicture-setPixmap(pix);
}void MainWindow::on_actZoomFitH_triggered()
{//适应高度显示图片int Hui-scrollArea-height();//得到scrollArea的高度int realHcurPixmap.height(); //原始图片的实际高度pixRatiofloat(H)/realH; //当前显示比例必须转换为浮点数QPixmap pixcurPixmap.scaledToHeight(H-30); //图片缩放到指定高度ui-LabPicture-setPixmap(pix); //设置Label的PixMap
}void MainWindow::on_actZoomRealSize_triggered()
{ //实际大小显示pixRatio1; //恢复显示比例为1ui-LabPicture-setPixmap(curPixmap);
}void MainWindow::on_actDeleteItem_triggered()
{//删除节点QTreeWidgetItem* item ui-treeFiles-currentItem(); //当前节点QTreeWidgetItem* parItemitem-parent(); //父节点parItem-removeChild(item);//The removed item will not be deleteddelete item;
}void MainWindow::on_actScanItems_triggered()
{//遍历节点for (int i0;iui-treeFiles-topLevelItemCount();i){QTreeWidgetItem *itemui-treeFiles-topLevelItem(i); //顶层节点changeItemCaption(item); //更改节点标题}
}void MainWindow::on_actDockVisible_toggled(bool arg1)
{// 停靠区的可见性ui-dockWidget-setVisible(arg1);
}void MainWindow::on_dockWidget_visibilityChanged(bool visible)
{//停靠区可见性变化ui-actDockVisible-setChecked(visible);
}void MainWindow::on_dockWidget_topLevelChanged(bool topLevel)
{//停靠区浮动性变化ui-actDockFloat-setChecked(topLevel);
}void MainWindow::on_actDockFloat_triggered(bool checked)
{//停靠区浮动性ui-dockWidget-setFloating(checked);
}
