基础的基于QT的图像查看程序

代码来自《QT5.9c++开发指南》，因为实现了图片的遍历显示，对于将来编写ImageShop一类的图像程序来说将非常有用（这个程序目前存在一定问题，在研究过程中进行解决）

一、基本功能

基于"混合UI"界面设计，以及QTreeWidget、QDockWidget使用（通过将一个QTreeWidget组件防止在QDockWidget区域上，并设置其可以在主窗体的左边或右边停靠，也可以浮动），同时实现了目录及文件的查看、缩放等操作。

1、界面布局设计

可以看出QT中布局的良好层次结构，比如前面所说的在DockWidget上防止QTreeWidget，并且使用水平布局使treeWidget填充停靠区。

在工作区右侧是一个QScrollArea，通过在其中放置一个QLabel组件，并且利用QLabel的pixmap属性显示图片，这样实现了滚动。

在主窗口的构造函数中，将ScroolArea组件设置为中心组件之后，便自动出现分割条

【而这些功能，如果在MFC中实现的话，都是要大费脑筋的，这里QT的却将很多工作简化了 】

2、QDockWidget中组件属性设置

在这个下面，有很多详细的设置，可以使用。

3、QTreeWidget组件设置

双击后可以设置，用于设计目录树的列

并且全部是非常新的操作。【所以MFC的方式基本已经过时，从这些细节都是可以看出来原因】

4、Action设计

所有的操作，包括快捷键和相关设计，都在这里。可以看出，非常细致，而且符合我们图像处理程序的基本要求。

二、基于QLabel和QPixmap显示图片

我们最终处理的图片是要显示出来，所以肯定是需要和控件打交道

void MainWindow:: displayImage( QTreeWidgetItem * item)

{

//显示图片,节点item存储的图片文件名

QString filename= item-> 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);

}

其中QTreeWidgetItem::data()通过返回节点存储的数据，也就是setData()设置的数据。因为前面已经将文件名带路径全部存储为节点数据，所以这里一行就可以获得全名。

curPixmap一个load就将图片导入。

最后，调用 on_actZoomFitH_triggered显示图片

void MainWindow:: on_actZoomOut_triggered()

{ //缩小显示

pixRatio= pixRatio* 0.8; //在当前比例基础上乘以0.8

int w= pixRatio* curPixmap. width(); // 显示宽度

int h= pixRatio* curPixmap. height(); //显示高度

QPixmap pix= curPixmap. scaled( w, h); //图片缩放到指定高度和宽度，保持长宽比例

ui-> LabPicture-> setPixmap( pix);

}

void MainWindow:: on_actZoomIn_triggered()

{ //放大显示

pixRatio= pixRatio* 1.2; //在当前比例基础上乘以0.8

int w= pixRatio* curPixmap. width(); // 显示宽度

int h= pixRatio* curPixmap. height(); //显示高度

QPixmap pix= curPixmap. scaled( w, h); //图片缩放到指定高度和宽度，保持长宽比例

ui-> LabPicture-> setPixmap( pix);

}

void MainWindow:: on_actZoomFitW_triggered()

{ //适应宽度显示

int w= ui-> scrollArea-> width()- 20; //得到scrollArea的高度

int realw= curPixmap. width(); //原始图片的实际宽度

pixRatio= float( w)/ realw; //当前显示比例，必须转换为浮点数

QPixmap pix= curPixmap. scaledToWidth( w- 30);

ui-> LabPicture-> setPixmap( pix);

}

void MainWindow:: on_actZoomFitH_triggered()

{ //适应高度显示图片

int H= ui-> scrollArea-> height(); //得到scrollArea的高度

int realH= curPixmap. height(); //原始图片的实际高度

pixRatio= float( H)/ realH; //当前显示比例，必须转换为浮点数

QPixmap pix= curPixmap. scaledToHeight( H- 30); //图片缩放到指定高度

ui-> LabPicture-> setPixmap( pix); //设置Label的PixMap

}

void MainWindow:: on_actZoomRealSize_triggered()

{ //实际大小显示

pixRatio= 1; //恢复显示比例为1

ui-> LabPicture-> setPixmap( curPixmap);

}

特别是这里的几个放大缩小，都是非常有效的—关键是比MFC简单许多。

三、QTreeWidget操作

其实应该是有简单的做法，那就是只能给添加单个图片、或者是整个目录，这两种情况。

void MainWindow:: on_actAddFolder_triggered()

{ // 选择一个文件夹,作为当前节点的子节点加入

     QString dir= QFileDialog:: getExistingDirectory(); //选择目录

     if (! dir. isEmpty()) //选择目录名称不为空

    {

          QTreeWidgetItem * parItem = ui -> treeFiles -> currentItem (); //当前节点

          addFolderItem ( parItem , dir ); //在父节点下面添加一个组节点

    }

}

之需要获得根结点，然后全部添加进去就可以。这里肯定还需要一个遍历图片的操作。我想办法进行实现。

而且这里我所需要的是一个全目录文件的显示。这个放到下一步解决。

来自为知笔记(Wiz)