在前幾個章節我們都用Button的方式來教導大家如何讓OpenCV去執行，該方式可以讓你們較快速的學習如何再QT裡面達成我們要的指令，那接下來我們必須使用比較正規的做法去編寫你的GUI介面了，再目前很多程式軟體裡面，通常你都會看到menu選單，讓你可以下拉去點選你要的動作，今天這個章節將利用menu的方式，讓你將你要的功能給編寫出來。
Step3：簡單測試
Step1：建立一QT GUI Application
建立的方式與前幾個章節一樣，這邊將不再多做說明。開啟後一樣在pro檔案中將opencv函數進行include動作。
Step2：開始進行menu建立
於QT中要建立menu選單之動作其實非常簡單，於Design畫面中你可以看到Type Here，於此點選滑鼠左鍵兩下將可進入編輯新增畫面，於此你可以輸入該選單的名稱，如下圖所示。這裡於第一層輸入File第二層輸入Open File。並於Action Editor視窗中點選滑鼠右鍵，並點選Edit按鈕進行編輯。進入Edit Action介面之後，你將可以看到Text：顯示的文字、Object name：物件名稱等等，比較特別的就是Shortcut：這是你將可以使用熱鍵的方式進行該按鈕動作，本按鈕為開啟檔案，所以我將它設定為"Ctrl"+"O"。編輯完畢點選OK離開。編輯該按鈕動作，你可以點選右鍵，並點選Go To Slot進入。按鈕動作選取triggered()
.png)
.png)
新增之後你將可以在on_actionOpen_File_triggered()，中新增你要的動作注意：下列程式碼當中使用第二課中所用到之開啟檔案方式，因此相關include與UpdateImage及table標籤要記得加入才可以執行。相關程式碼如下
QString fileName = QFileDialog::getOpenFileName(this,
tr("Open Image"),".",tr("Image File (*.png *.jpge *.jpg *.bmp"));
image = cv::imread(fileName.toAscii().data());
result=image;
if(image.data){
cv::cvtColor(result,result,CV_BGR2RGB);
UpdateQImage(result);
}
.png)
執行後畫面如下，利用"Ctrl"+"O"，將可以順利開啟該影像。結果如下。視窗標題"MainWindow"要如何修改呢?請直接修改windowTitle之值，如OpenCV With QT
.png)
.png)
Step4：將已經編寫好的檔頭及程式碼載入
在第三課我們已經介紹如何簡單編寫一些屬於我們自己的程式庫了，那在新的專案裡面要如何直接將他載入呢?首先將那兩個檔案複製到新專案之src資料夾當中在Headers與Sources中點選右鍵，點選"Add Existing Files..."。並分別加入cvcore.h及cvcore.cpp兩個檔案，加入後如下圖所示將會出現那兩個檔案。
.png)
此時會到QT_GUI_Opencv.pro檔案，將可發現QT已經自動幫你加入此兩個檔案到SOURCES及HEADERS裡面了。要使用此函式庫當然要將他include進來，回到mainwindow.hpp檔案裡面，新加入#include "cvcore.h"，這樣你就已經將此函式庫成功加入了。
.png)
Step5：新增其他影像處理之menu
使用上述所教新增menu之方式，再度新增Process，及第二層Flip選單。相同新增一個triggered動作
執行結果如下
Step6：開始建立自己的按鈕動作(edit)
在step5中我們只是示範要如何將函數給放到menu上面去執行，從這邊開始將介紹依序建立一些你所要的功能。首先我們編輯edit，並在裡面新增Restore Origional image、Flip horizontally、Flip Upside Down及Contrast Brightness，四個動作。並分別對這些動作賦予所對應之動作。
相關使用函數如下：
Restore Origional image
該動作將原始影像回復，新增按鈕triggered之後在裡面編輯如下。
void MainWindow::on_actionRestore_Origional_Image_triggered()
{
result=image;
UpdateQImage(result);
}
Flip horizontally
水平翻轉
void MainWindow::on_actionFlip_Horizontally_triggered()
{
result=IPtool.flip(result,1);
UpdateQImage(result);
}
Flip Upside Down
垂直翻轉
void MainWindow::on_actionFlip_Upside_Down_triggered()
{
result=IPtool.flip(result,-1);
UpdateQImage(result);
}
Contrast Brightness
亮度/對比色彩調整上面水平翻轉功能，我們已經於cvcore中已經新增過了，所以不需要在新增，而Contrast Brightness在本程式中屬於位定義之函式，所以我們要在cvcore.h及cvcore.cpp中加入處裡的程式碼，其程式碼如下表所示
cvcore.h
// Contrast & brightness adjustment
cv::Mat contast_brightness(const cv::Mat &image, const double &alpha, const int &beta);
cv::Mat contast_brightness(const cv::Mat &image);cvcore.cpp
cv::Mat CVCore::contast_brightness(const cv::Mat &image, const double &alpha, const int &beta) {
image.convertTo(result, -1,alpha,beta);
return result;
}mainwindow.cpp
void MainWindow::on_actionContrast_Brightness_triggered()
{
result=IPtool.contast_brightness(result,1.5,100);
UpdateQImage(result);
}按照上述方式，將可以成功完成四個動作。
Step7：建立Filtering menu
接下來再新增幾項opencv處裡影像的方式，其新增內容如下所式
銳利化影像cvcore.h
// Sharpen image
cv::Mat sharpen(const cv::Mat &image);cvcore.cpp
cv::Mat CVCore::sharpen(const cv::Mat &image) {
cv::Mat kern = (cv::Mat_<char>(3,3) <<
0,-1,0,
-1, 5,-1,
0,-1,0);
filter2D(image, result, image.depth(), kern);
return result;
}mainwindow.cpp
void MainWindow::on_actionSharpen_triggered()
{
result=IPtool.sharpen(result);
UpdateQImage(result);
}
Customeringed Filt
自行定義一個濾鏡cvcore.h
cv::Mat filtering(const cv::Mat &image, const cv::Mat &kern); cvcore.cpp
cv::Mat CVCore::filtering(const cv::Mat &image, const cv::Mat &kern) {
filter2D(image, result, image.depth(), kern);
return result;
}mainwindow.cpp
void MainWindow::on_actionCustomeringed_Filt_triggered()
{
cv::Mat kern =(cv::Mat_<char>(3,3)<< 0,-1,0,-1,5,-1,0,-1,0);
result=IPtool.filtering(result,kern);
UpdateQImage(result);
}
Homogeneous Blur
同質模糊cvcore.h
// Homogenous Blur Filter
cv::Mat HomogenousBlur(const cv::Mat &image, const int &MaxKern);cvcore.cpp
cv::Mat CVCore::HomogenousBlur(const cv::Mat &image, const int &MaxKern) {
cv::blur(image,result,cv::Size(MaxKern,MaxKern),cv::Point(-1,-1));
return result;
}mainwindow.cpp
void MainWindow::on_actionHomogeneous_Blur_triggered()
{
result=IPtool.HomogenousBlur(result,5);
UpdateQImage(result);
}
Gaussian Blur
高斯模糊
cvcore.h
// Gaussian Blur Filter
cv::Mat myGaussianBlur(const cv::Mat &image, const int &MaxKern);cvcore.cpp
cv::Mat CVCore::myGaussianBlur(const cv::Mat &image, const int &MaxKern) {
cv::GaussianBlur(image,result,cv::Size(MaxKern,MaxKern),0,0);
return result;
}mainwindow.cpp
void MainWindow::on_actionGaussian_Blur_triggered()
{
result=IPtool.myGaussianBlur(result,5);
UpdateQImage(result);
}
Median Blur中質模糊cvcore.h
// Median Blur Filter
cv::Mat MedianBlur(const cv::Mat &image, const int &MaxKern);cvcore.cpp
cv::Mat CVCore::MedianBlur(const cv::Mat &image, const int &MaxKern) {
cv::medianBlur(image,result,MaxKern);
return result;
}mainwindow.cpp
void MainWindow::on_actionMedian_Blur_triggered()
{
result=IPtool.MedianBlur(result,5);
UpdateQImage(result);
}
Bilateral Filter
cvcore.h
// Gaussian Blur Filter
cv::Mat BilateralBlur(const cv::Mat &image, const int &MaxKern);cvcore.cpp
cv::Mat CVCore::BilateralBlur(const cv::Mat &image, const int &MaxKern) {
cv::bilateralFilter(image,result,MaxKern,MaxKern*2,MaxKern/2);
return result;
}mainwindow.cpp
void MainWindow::on_actionBilateral_Filter_triggered()
{
result=IPtool.BilateralBlur(result,5);
UpdateQImage(result);
}
這樣上述的影像處理步驟就已經結束了，其中每個函式中都有不同的參數，該參數之設置方式差異，將引響影像處理後的結果，因此要如何給定這些參數，將可使用horizontalSlider的方式來解決
.png)
沒有留言:
張貼留言