部分 blog 地址 tps zip device 12px ctu 列表

amin這個例子，使用了比較復雜高階的qml技巧，但是也有局限性。下面分3個部分，分別是界面部分，算法部分和擴展部分，簡單地對這個問題進行理解。

由衷感謝：http://amin-ahmadi.com/quick-camera-cv/ 給本程序很多借鑒
代碼下載地址：https://files.cnblogs.com/files/jsxyhelu/GO_GTD2%E5%AE%8C%E6%88%90.zip

視頻地址 ：https://files.cnblogs.com/files/jsxyhelu/amin%E4%BE%8B%E5%AD%90%E8%A7%86%E9%A2%91.zip 一、qml界面部分：

1、專門生成了用於提示的dialog /*
只有一個OK的彈出界面,目前這個彈出界面只給捕獲的時候使用
*/
Dialog
{
property alias text: msgDlgLabel.text
id: messageDialog
modal: true
x: (parent.width - width) / 2
y: (parent.height - height) / 2

standardButtons: Dialog.Ok
//上面只有一個label
Label
{
id: msgDlgLabel
font.bold: true
wrapMode: Text.Wrap
width: parent.width
//點擊事件
onLinkActivated:
{
if(link == "圖像處理")
{
tabBar.currentIndex = 1
}
messageDialog.close()
}
}
} 2、整體界面采用swipe和page以及footer的形式，達到了簡潔高效 /*
主要的swipview界面
*/
SwipeView
{
id: swipeView
currentIndex: 0
anchors.rightMargin: 0
anchors.bottomMargin: 0
anchors.leftMargin: 0
anchors.topMargin: 0
anchors.fill: parent
//TabBar和swipview要對應起來
onCurrentIndexChanged:
{
tabBar.setCurrentIndex(swipeView.currentIndex)
}

//視頻預覽
Page
{…… 以及 /*
主要的footer操作
*/
footer: TabBar {
id: tabBar
currentIndex: 0
padding: 10 3、使用了HTML增加文本顯示效果，並且是可以切換的
Text
{
id: helpText
wrapMode: Text.Wrap
anchors.left: parent.left
anchors.right: parent.right
text: "由衷感謝：<a href=\"http://amin-ahmadi.com/quick-camera-cv/\">http://amin-ahmadi.com/quick-camera-cv</a>" +
"給本程序很多借鑒" +
"<br>" +
"<br>" +
"作者博客:" +
"<br>" +
"<a href=\"jsxyhelu.cnblogs.com\">jsxyhelu.cnblogs.com</a>" +
"<br>" +
"<a href=\"jsxyhelu.cnblogs.com\"><img src=\"http://images2015.cnblogs.com/blog/508489/201607/508489-20160731065441684-483128601.png\" alt=\"歡迎訪問!\"></a>"+
"<br>" +
"<b>版權</b>" +
"本程序使用 <a href=\"http://qt.io/\">Qt Framework</a> 作為GUI" +
"<br>" +
"同時使用 <a href=\"http://opencv.org/\">OpenCV</a> 做圖像處理算法." +
"<br>" +
"程序采用ICO來自<a href=\"http://flaticon.com/\">Flat Icon</a>."
onLinkActivated:
{
Qt.openUrlExternally(link);
}

} 應該這樣講，有這段代碼作為例子，那麽這種樣式的程序在界面上基本不成問題。 二、算法實現部分： qml是弱語法，比較類似lambda，所以這種語言的使用對於習慣c語言的我來說有難度，想要精通需要時間；另一個方面，因為需要和OpenCV進行交互，所以更復雜一點。本例中綜合使用了qml使用c++封裝出來的對象，以及“信號、槽”機制等；在攝像頭獲取和圖片采集實現中，硬件層綜合使用了qml和qcamera，捕獲使用了QCameraImageCapture，具體這樣用 在qml中，使用 //攝像頭選擇對話框 ComboBox
{
id: cameraCombo
Layout.fillWidth: true
Layout.fillHeight: true
model: QtMultimedia.availableCameras
textRole: "displayName"

delegate: ItemDelegate
{
text: modelData.displayName
}
onCurrentIndexChanged:
{
camera.stop()
camera.deviceId = model[currentIndex].deviceId
camera.start()
}
} 這樣可以獲得所有可用攝像頭的句柄，然後直接傳遞到c++中
//調用qcamera進行圖像采集
void QCvImageProcessor::setCamera(QVariant v)
{
QObject *o = qvariant_cast<QObject *>(v);
camera = qvariant_cast<QCamera *>(o->property("mediaObject"));
camera->setCaptureMode(QCamera::CaptureStillImage);
imageCapture = new QCameraImageCapture(camera);
camera->focus()->setFocusMode(QCameraFocus::ContinuousFocus);
camera->focus()->setFocusPointMode(QCameraFocus::FocusPointAuto);
//直接在這裏設置動作級聯
connect(imageCapture, &QCameraImageCapture::imageSaved, [this](int id, const QString &fileName)
{
Q_UNUSED(id);
processSavedImage(fileName);
});
}

void QCvImageProcessor::capture()
{
if(imageCapture->isReadyForCapture())
{
//註意這裏獲得一個可用的圖片地址的方法
imageCapture->capture(QStandardPaths::writableLocation(QStandardPaths::PicturesLocation));

}
else
{
emit errorOccured("Camera is not ready to capture.");
}
} 還是使用QCameraImageCapture,QCamera來完成捕獲。 由於在andoird中,videocapture不能給使用，那麽qcamera作為qt專屬，來實現攝像頭采集功能是非常合適的，這裏給出了具體系統方法。 三、進一步擴展部分： QCameraImageCapture只能捕獲靜態圖片，但是作為一個完整的圖像處理程序，一定要能夠處理並顯示實時的視頻數據，如何解決？繼續探索！ 感謝閱讀至此，希望有所幫助。

來自為知筆記(Wiz)

附件列表

amin例子的簡單研究