OpenCV3+Qt5视频处理程序

本文使用Qt5设计GUI界面,OpenCV3做本地视频文件的读取与处理工作。关于工程目录结构与环境配置的相关内容请参考上篇博客。

1.如下图所示,双击打开zoom.ui文件

OpenCV3+Qt5视频处理程序_第1张图片

2.在面板上放置好pushbutton与标签,如下图(此处pushbutton的外观是更改样式表的结果)

OpenCV3+Qt5视频处理程序_第2张图片

 

3.右键zoomClass选择更改样式表,输入如下代码

 

 

QPushButton:hover
 { 
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(120, 120, 120, 255), stop:0.495 rgba(39, 39, 39, 255), stop:0.505 rgba(39,39, 39, 255), stop:1 rgba(120, 120,120, 255));
 border: none;
border-radius:5px;
color: rgb(255, 255, 255);
font: 75 12pt "黑体";
 }
QPushButton:!hover
 { 
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 rgba(39, 39, 39, 255), stop:0.495 rgba(120, 120, 120, 255), stop:0.505 rgba(120,120, 120, 255), stop:1 rgba(39, 39,39, 255));
 border: none;
border-radius:5px;
color: rgb(255, 255, 255);
font: 75 12pt "黑体";
 }
#zoomClass
{
	background-color: rgb(53, 53, 53);
}

 

OpenCV3+Qt5视频处理程序_第3张图片

4.如下图所示,编辑信号与槽

OpenCV3+Qt5视频处理程序_第4张图片

5.编写代码(程序源码与工程文件已全部上传)

如下为最终程序界面

OpenCV3+Qt5视频处理程序_第5张图片

OpenCV3+Qt5视频处理程序_第6张图片

程序源代码与工程文件下载地址

你可能感兴趣的:(Qt5,OpenCV)