1.首先配置QtCreator
可以参见 http://blog.csdn.net/cc7829290/article/details/8984706
使用的QtCreator,如果使用的其他编译器需要同事配置好Qt和openCV
2.首先使用Qt建立一个ui界面
绘制2个按钮和一个label
3.在头文件声明一个Mat类和一个QImage类
.处理添加两个按钮的slot;
并写入并分别写入如下代码
void MainWindow::on_openPushButton_clicked()
{
QString filename = QFileDialog::getOpenFileName(this,tr("Open Image"),"",tr("Image File(*.bmp *.jpg *.jpeg *.png)"));
QTextCodec *code = QTextCodec::codecForName("gb18030");
std::string name = code->fromUnicode(filename).data();
image = cv::imread(name);
if(!image.data)
{
QMessageBox msgBox;
msgBox.setText(tr("image data is null"));
msgBox.exec();
}
else
{
cv::cvtColor(image,image,CV_BGR2RGB);
img = QImage((const unsigned char*)(image.data),image.cols,image.rows,QImage::Format_RGB888);
ui->label->clear();
ui->label->setPixmap(QPixmap::fromImage(img));
ui->processPushButton->setEnabled(true);
ui->label->resize(ui->label->pixmap()->size());
}
}
void MainWindow::on_processPushButton_clicked()
{
cv::flip(image,image,1);
img = QImage((const unsigned char*)(image.data),image.cols,image.rows,QImage::Format_RGB888);
ui->label->setPixmap(QPixmap::fromImage(img));
}
QTextCodec *code = QTextCodec::codecForName("gb18030");
std::string name = code->fromUnicode(filename).data();
这两句是为了使用中文路径,字符串中改为其他支持的中文的格式也可以
cv::cvtColor(image,image,CV_BGR2RGB);
在现实图像前一定要转换下
因为openCV使用的图像通道是BGR的而QImage使用的图像通道的RGB的;
4.显示效果如下
原始代码下载
http://download.csdn.net/detail/cc7829290/5474653
在测试中发现有部分图像显示偏移,还有部分图像特别是png格式的图像显示不出来,开始以为是cv::Mat的事情,后来使用cv::imshow()发现图像是正常的.
问题出现在了QT的QImg加载的时候.
参考了http://lovelittlebean.blog.163.com/blog/static/11658218620125208212189/
单独写了一个显示图像的方法,显示图像的时候调用这个方法就可以了
void MainWindow::display(cv::Mat mat)
{
cv::Mat rgb;
QImage img;
if(mat.channels()==3)
{
cv::cvtColor(mat,rgb,CV_BGR2RGB);
img = QImage((const uchar*)(rgb.data),rgb.cols,rgb.rows,rgb.cols*rgb.channels(),QImage::Format_RGB888);
}
else
{
img = QImage((const uchar*)(mat.data),mat.cols,mat.rows,mat.cols*mat.channels(),QImage::Format_Indexed8);
}
ui->label->setPixmap(QPixmap::fromImage(img));
ui->label->resize(ui->label->pixmap()->size());
ui->label->show();
}
现在图像可以正常显示了.