鼠标缩略图遥感图像显示时的连动效果——Qt实现

时间紧张，先记一笔，后续优化与完善。

    遥感像图理处时少不了ENVI，用过ENVI的人都道知，打开像图时或像图理处完后，在缩略图上挪动鼠标时，鼠标四周的像图信息会在大的视图中实时的表现，即大图会着跟小图中的鼠标挪动，这等于像图的连动效果。如下图是ENVI的示意图：

    

    在软件设计中，要现实相似ENVI中连动的效果，确切要费一番筋脑。

    求要：有两幅图，一个是缩略图，一个是原图或理处后的图，用使两个对话框，鼠标在小的缩略图中挪动或点击时，大图中的像图实时表现出鼠标所在位置的像图。

    结果示展：首先给出结果示展，这样读者也好白明现实这样的功能动手点和重点在那些方地。

    

    从上图中可以看出：1.大图在挪动时其实只须要控制滑动杆的位置可即，控制滑动杆的位置即设置水和平垂直两个滑动轴的值小大；

                                     2.须要检测出鼠标在缩略图中的滑动和点击件事

    再联系到用使QT现实时，可以用使信号与槽将这两者联系起来，两幅图对应两个对话框，用使两个类别分现实对话框的功能。鼠标在缩略图中点击或挪动时，实时录记鼠标所在位置，并发触信号，大图的槽函数应响缩略图对话框发过来的信号，设置滑动轴的值。

    坐标值与滑动轴值之间的联系：须要肯定鼠标在缩略图中的位置，x长度占缩略图度宽的百分比，y长度占缩略图长度的百分比，然后这两个值传递给大图对话框的类对象，根据这两个百分比和大图像图的宽和高设置滑动杆的值。

    缩略图对话框类为SmallImage，大图对话框类为ImgShow

    首先是在SmallImage类中重写鼠标件事

//smallimage.h
#ifndef SMALLIMAGE_H
#define SMALLIMAGE_H

#include <QWidget>
#include <QMouseEvent>
#include "ui_smallimage.h"

class SmallImage : public QWidget
{
	Q_OBJECT

public:
	SmallImage(QWidget *parent = 0);
	~SmallImage();

	void show_small_img(float *data,int width,int height);//表现缩略图像图

	float x_value;//鼠标点所在位置占x轴的百分比
	float y_value;//鼠标点所在位置占y轴的百分比

	signals:
		void press(float x,float y);

private:
	Ui::SmallImage ui;

	void mousePressEvent(QMouseEvent *ev);//重写鼠标按下件事
	void mouseMoveEvent(QMouseEvent *ev);//重写鼠标挪动件事

	int img_width_;//缩略图宽
	int img_height_;//缩略图高

};

#endif // SMALLIMAGE_H


//smallimage.cpp
//重写鼠标按下件事
void SmallImage::mousePressEvent(QMouseEvent *ev)
{
	int x1=ui.label->x();//x坐标
	int y1=ui.label->y();//y坐标
	int x_left=x1+(300-img_width_)/2;//缩略图左起x坐标
	int x_right=x1+img_width_+(300-img_width_)/2;//缩略图边右的x坐标
	int y_top=y1+(300-img_height_)/2;//缩略图上起y坐标
	int y_bottom=y1+img_height_+(300-img_height_)/2;//缩略图底部y坐标
	int x0=ev->x();
	int y0=ev->y();
	if ( (x0>=x_left) && (x0<=x_right) && (y0>=y_top) && (y0<=y_bottom))
	{
		x_value=(float)(x0-x_left)/(float)img_width_;
		y_value=(float)(y0-y_top)/(float)img_height_;
		//发触鼠标按下信号
		emit press(x_value,y_value);
	}
}

//鼠标挪动作操
void SmallImage::mouseMoveEvent(QMouseEvent *ev)
{
	int x1=ui.label->x();//x坐标
	int y1=ui.label->y();//y坐标
	int x_left=x1+(300-img_width_)/2;//缩略图左起x坐标
	int x_right=x1+img_width_+(300-img_width_)/2;//缩略图边右的x坐标
	int y_top=y1+(300-img_height_)/2;//缩略图上起y坐标
	int y_bottom=y1+img_height_+(300-img_height_)/2;//缩略图底部y坐标
	int x0=ev->x();
	int y0=ev->y();
	if ( (x0>=x_left) && (x0<=x_right) && (y0>=y_top) && (y0<=y_bottom))
	{
		x_value=(float)(x0-x_left)/(float)img_width_;
		y_value=(float)(y0-y_top)/(float)img_height_;
		emit press(x_value,y_value);
	}
}

    每日一道理
自己把自己说服了，是一种理智的胜利；自己被自己感动了，是一种心灵的升华；自己把自己征服了，是一种人生的成功。

    然后是在ImgShow类中定义槽函数

//imgshow.h
public slots:
		void set_scroll_value(float x0,float y0);//设置滑动杆的值

//imgshow.cpp
//设置滑动杆的值
void ImgShow::set_scroll_value(float x0, float y0)
{
	ui.scrollArea->horizontalScrollBar()->setValue(x0*img_width_-

(ui.scrollArea->width())/2);
	ui.scrollArea->verticalScrollBar()->setValue(y0*img_height_-

(ui.scrollArea->height())/2);
}

    最后是当着两个对话框均表现出来后之将他们的信号与槽连接起来。

    connect(small_img,SIGNAL(press(float,float)),img_show,SLOT(set_scroll_value(float,float)))

    还有相称主要的一点就是，两个对话框必须都长短态模，关于非态模的内容请见：http://blog.csdn.net/luo_klt/article/details/8826975

    本文中疏忽了像图读取及表现等作操，在本人博客中的其他文章中有具体叙说,详见：

    http://blog.csdn.net/luo_klt/article/details/8826959

    http://blog.csdn.net/luo_klt/article/details/8826960

    http://blog.csdn.net/luo_klt/article/details/8826966

                 

文章结束给大家分享下程序员的一些笑话语录： 据说有一位软件工程师，一位硬件工程师和一位项目经理同坐车参加研讨会。不幸在从盘山公路下山时坏在半路上了。于是两位工程师和一位经理就如何修车的问题展开了讨论。
硬件工程师说：“我可以用随身携带的瑞士军刀把车坏的部分拆下来，找出原因，排除故障。”
项目经理说：“根据经营管理学，应该召开会议，根据问题现状写出需求报告，制订计划，编写日程安排，逐步逼近，alpha测试，beta1测试和beta2测试解决问题。”
软件工程说：“咱们还是应该把车推回山顶再开下来，看看问题是否重复发生。”