504-Software-Development-Group
/
VideoClient98
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

布局设计

Browse Source
chen
ChenZhuo 3 weeks ago
parent cc6280e0db
commit 530b18113c
13 changed files with 493 additions and 252 deletions
Show Stats Download Patch File Download Diff File

3
src/CMakeLists.txt
Unescape Escape View File

@ -9,6 +9,9 @@ qt_add_executable(VideoClient
global.h global.cpp
communicationsettingdlg.h communicationsettingdlg.cpp communicationsettingdlg.ui
commandwidget.h commandwidget.cpp commandwidget.ui
videoControl.h videoControl.ui videoControl.cpp
)
qt6_add_resources(VideoClient "resources"

388
src/commandwidget.ui
Unescape Escape View File

@ -6,237 +6,175 @@
<rect>
<x>0</x>
<y>0</y>
<width>1039</width>
<height>105</height>
<width>358</width>
<height>541</height>
</rect>
</property>
<property name="windowTitle">
<string>Form</string>
</property>
<layout class="QHBoxLayout" name="horizontalLayout_2">
<property name="leftMargin">
<number>4</number>
<widget class="QWidget" name="">
<property name="geometry">
<rect>
<x>20</x>
<y>30</y>
<width>295</width>
<height>431</height>
</rect>
</property>
<property name="topMargin">
<number>2</number>
</property>
<property name="rightMargin">
<number>4</number>
</property>
<property name="bottomMargin">
<number>4</number>
</property>
<item>
<spacer name="horizontalSpacer_2">
<property name="orientation">
<enum>Qt::Orientation::Horizontal</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
<width>40</width>
<height>20</height>
</size>
</property>
</spacer>
</item>
<item>
<widget class="QToolButton" name="settingToolBtn">
<property name="text">
<string>通信设置</string>
</property>
<property name="icon">
<iconset>
<normaloff>res/settings.png</normaloff>res/settings.png</iconset>
</property>
<property name="iconSize">
<size>
<width>32</width>
<height>32</height>
</size>
</property>
</widget>
</item>
<item>
<widget class="QToolButton" name="startConnectionToolBtn">
<property name="text">
<string>连接</string>
</property>
</widget>
</item>
<item>
<widget class="QToolButton" name="stopConnectionToolBtn">
<property name="text">
<string>断开</string>
</property>
</widget>
</item>
<item>
<widget class="QGroupBox" name="groupBox">
<property name="title">
<string/>
</property>
<layout class="QHBoxLayout" name="horizontalLayout">
<property name="spacing">
<number>2</number>
</property>
<property name="leftMargin">
<number>2</number>
</property>
<property name="topMargin">
<number>2</number>
</property>
<property name="rightMargin">
<number>2</number>
</property>
<property name="bottomMargin">
<number>2</number>
</property>
<item>
<layout class="QGridLayout" name="gridLayout">
<property name="bottomMargin">
<number>6</number>
</property>
<property name="spacing">
<number>12</number>
</property>
<item row="1" column="7">
<widget class="QPushButton" name="pushButton_15">
<property name="text">
<string>4-6图拼接</string>
</property>
</widget>
</item>
<item row="0" column="3">
<widget class="QPushButton" name="pushButton_8">
<property name="text">
<string>画中画开</string>
</property>
</widget>
</item>
<item row="1" column="3">
<widget class="QPushButton" name="pushButton_7">
<property name="text">
<string>画中画关</string>
</property>
</widget>
</item>
<item row="0" column="7">
<widget class="QPushButton" name="pushButton_16">
<property name="text">
<string>0-3图拼接</string>
</property>
</widget>
</item>
<item row="0" column="1">
<widget class="QPushButton" name="pushButton_4">
<property name="text">
<string>俯仰+</string>
</property>
</widget>
</item>
<item row="1" column="0">
<widget class="QPushButton" name="pushButton_2">
<property name="text">
<string>方位-</string>
</property>
</widget>
</item>
<item row="0" column="0">
<widget class="QPushButton" name="pushButton">
<property name="text">
<string>方位+</string>
</property>
</widget>
</item>
<item row="0" column="6">
<widget class="QPushButton" name="pushButton_14">
<property name="text">
<string>扫描</string>
</property>
</widget>
</item>
<item row="0" column="4">
<widget class="QPushButton" name="pushButton_10">
<property name="text">
<string>红外小</string>
</property>
</widget>
</item>
<item row="1" column="5">
<widget class="QPushButton" name="pushButton_11">
<property name="text">
<string>锁定</string>
</property>
</widget>
</item>
<item row="1" column="6">
<widget class="QPushButton" name="pushButton_13">
<property name="text">
<string>吊舱</string>
</property>
</widget>
</item>
<item row="0" column="5">
<widget class="QPushButton" name="pushButton_12">
<property name="text">
<string>复位</string>
</property>
</widget>
</item>
<item row="0" column="2">
<widget class="QPushButton" name="pushButton_5">
<property name="text">
<string>变焦推远</string>
</property>
</widget>
</item>
<item row="1" column="2">
<widget class="QPushButton" name="pushButton_6">
<property name="text">
<string>变焦拉近</string>
</property>
</widget>
</item>
<item row="1" column="4">
<widget class="QPushButton" name="pushButton_9">
<property name="text">
<string>红外大</string>
</property>
</widget>
</item>
<item row="1" column="1">
<widget class="QPushButton" name="pushButton_3">
<property name="text">
<string>俯仰-</string>
</property>
</widget>
</item>
<item row="0" column="8">
<widget class="QPushButton" name="pushButton_17">
<property name="text">
<string>图像切换</string>
</property>
</widget>
</item>
</layout>
</item>
</layout>
</widget>
</item>
<item>
<spacer name="horizontalSpacer">
<property name="orientation">
<enum>Qt::Orientation::Horizontal</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
<width>40</width>
<height>20</height>
</size>
</property>
</spacer>
</item>
</layout>
<layout class="QGridLayout" name="gridLayout">
<item row="0" column="0">
<widget class="QToolButton" name="settingToolBtn">
<property name="text">
<string>通信设置</string>
</property>
<property name="icon">
<iconset>
<normaloff>res/settings.png</normaloff>res/settings.png</iconset>
</property>
<property name="iconSize">
<size>
<width>32</width>
<height>32</height>
</size>
</property>
</widget>
</item>
<item row="0" column="1">
<widget class="QToolButton" name="startConnectionToolBtn">
<property name="text">
<string>连接</string>
</property>
</widget>
</item>
<item row="0" column="2">
<widget class="QToolButton" name="stopConnectionToolBtn">
<property name="text">
<string>断开</string>
</property>
</widget>
</item>
<item row="1" column="0">
<widget class="QPushButton" name="pushButton">
<property name="text">
<string>方位+</string>
</property>
</widget>
</item>
<item row="1" column="1">
<widget class="QPushButton" name="pushButton_4">
<property name="text">
<string>俯仰+</string>
</property>
</widget>
</item>
<item row="1" column="2">
<widget class="QPushButton" name="pushButton_8">
<property name="text">
<string>画中画开</string>
</property>
</widget>
</item>
<item row="2" column="0">
<widget class="QPushButton" name="pushButton_2">
<property name="text">
<string>方位-</string>
</property>
</widget>
</item>
<item row="2" column="1">
<widget class="QPushButton" name="pushButton_3">
<property name="text">
<string>俯仰-</string>
</property>
</widget>
</item>
<item row="2" column="2">
<widget class="QPushButton" name="pushButton_7">
<property name="text">
<string>画中画关</string>
</property>
</widget>
</item>
<item row="3" column="0">
<widget class="QPushButton" name="pushButton_5">
<property name="text">
<string>变焦推远</string>
</property>
</widget>
</item>
<item row="3" column="1">
<widget class="QPushButton" name="pushButton_14">
<property name="text">
<string>扫描</string>
</property>
</widget>
</item>
<item row="3" column="2">
<widget class="QPushButton" name="pushButton_12">
<property name="text">
<string>复位</string>
</property>
</widget>
</item>
<item row="4" column="0">
<widget class="QPushButton" name="pushButton_6">
<property name="text">
<string>变焦拉近</string>
</property>
</widget>
</item>
<item row="4" column="1">
<widget class="QPushButton" name="pushButton_13">
<property name="text">
<string>吊舱</string>
</property>
</widget>
</item>
<item row="4" column="2">
<widget class="QPushButton" name="pushButton_11">
<property name="text">
<string>锁定</string>
</property>
</widget>
</item>
<item row="5" column="0">
<widget class="QPushButton" name="pushButton_10">
<property name="text">
<string>红外小</string>
</property>
</widget>
</item>
<item row="5" column="1">
<widget class="QPushButton" name="pushButton_17">
<property name="text">
<string>图像切换</string>
</property>
</widget>
</item>
<item row="5" column="2">
<widget class="QPushButton" name="pushButton_16">
<property name="text">
<string>0-3图拼接</string>
</property>
</widget>
</item>
<item row="6" column="0">
<widget class="QPushButton" name="pushButton_9">
<property name="text">
<string>红外大</string>
</property>
</widget>
</item>
<item row="6" column="2">
<widget class="QPushButton" name="pushButton_15">
<property name="text">
<string>4-6图拼接</string>
</property>
</widget>
</item>
</layout>
</widget>
</widget>
<resources/>
<connections/>

8
src/communicationsettingdlg.ui
Unescape Escape View File

@ -115,7 +115,7 @@
<item row="3" column="1">
<widget class="QSpinBox" name="remotePort">
<property name="buttonSymbols">
<enum>QAbstractSpinBox::ButtonSymbols::NoButtons</enum>
<enum>QAbstractSpinBox::NoButtons</enum>
</property>
<property name="maximum">
<number>65534</number>
@ -137,7 +137,7 @@
<item row="4" column="1">
<widget class="QSpinBox" name="localPort">
<property name="buttonSymbols">
<enum>QAbstractSpinBox::ButtonSymbols::NoButtons</enum>
<enum>QAbstractSpinBox::NoButtons</enum>
</property>
<property name="maximum">
<number>65534</number>
@ -154,7 +154,7 @@
<item>
<spacer name="horizontalSpacer_3">
<property name="orientation">
<enum>Qt::Orientation::Horizontal</enum>
<enum>Qt::Horizontal</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
@ -179,7 +179,7 @@
<item>
<spacer name="horizontalSpacer_2">
<property name="orientation">
<enum>Qt::Orientation::Horizontal</enum>
<enum>Qt::Horizontal</enum>
</property>
<property name="sizeHint" stdset="0">
<size>

148
src/mainwindow.ui
Unescape Escape View File

@ -6,32 +6,130 @@
<rect>
<x>0</x>
<y>0</y>
<width>800</width>
<height>600</height>
<width>1388</width>
<height>854</height>
</rect>
</property>
<property name="windowTitle">
<string>MainWindow</string>
</property>
<widget class="QWidget" name="centralwidget">
<layout class="QVBoxLayout" name="verticalLayout" stretch="6,1">
<property name="leftMargin">
<number>0</number>
</property>
<property name="topMargin">
<number>0</number>
</property>
<property name="rightMargin">
<number>0</number>
</property>
<property name="bottomMargin">
<number>0</number>
</property>
<layout class="QHBoxLayout" name="horizontalLayout_5">
<item>
<widget class="VideoWidget" name="videoWidget"/>
</item>
<item>
<widget class="CommandWidget" name="commandWidget" native="true"/>
<layout class="QHBoxLayout" name="horizontalLayout_4" stretch="9,2">
<item>
<layout class="QVBoxLayout" name="verticalLayout" stretch="12,1,1">
<item>
<widget class="VideoWidget" name="videoWidget"/>
</item>
<item>
<layout class="QHBoxLayout" name="horizontalLayout" stretch="1,1,27,1,0">
<property name="spacing">
<number>14</number>
</property>
<item>
<spacer name="horizontalSpacer">
<property name="orientation">
<enum>Qt::Horizontal</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
<width>40</width>
<height>20</height>
</size>
</property>
</spacer>
</item>
<item>
<widget class="QLabel" name="label">
<property name="text">
<string>00:00:00</string>
</property>
</widget>
</item>
<item>
<widget class="QProgressBar" name="progressBar">
<property name="minimumSize">
<size>
<width>854</width>
<height>0</height>
</size>
</property>
<property name="value">
<number>24</number>
</property>
<property name="textVisible">
<bool>false</bool>
</property>
</widget>
</item>
<item>
<widget class="QLabel" name="label_2">
<property name="text">
<string>00:00:00</string>
</property>
</widget>
</item>
<item>
<spacer name="horizontalSpacer_4">
<property name="orientation">
<enum>Qt::Horizontal</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
<width>40</width>
<height>20</height>
</size>
</property>
</spacer>
</item>
</layout>
</item>
<item>
<widget class="QWidget" name="widget_2" native="true">
<layout class="QHBoxLayout" name="horizontalLayout_3" stretch="1,10,1">
<item>
<spacer name="horizontalSpacer_2">
<property name="orientation">
<enum>Qt::Horizontal</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
<width>40</width>
<height>20</height>
</size>
</property>
</spacer>
</item>
<item>
<layout class="QHBoxLayout" name="horizontalLayout_2">
<item>
<widget class="VideoControl" name="widget" native="true"/>
</item>
</layout>
</item>
<item>
<spacer name="horizontalSpacer_3">
<property name="orientation">
<enum>Qt::Horizontal</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
<width>40</width>
<height>20</height>
</size>
</property>
</spacer>
</item>
</layout>
</widget>
</item>
</layout>
</item>
<item>
<widget class="CommandWidget" name="commandWidget" native="true"/>
</item>
</layout>
</item>
</layout>
</widget>
@ -40,8 +138,8 @@
<rect>
<x>0</x>
<y>0</y>
<width>800</width>
<height>24</height>
<width>1388</width>
<height>25</height>
</rect>
</property>
</widget>
@ -50,7 +148,7 @@
<customwidget>
<class>VideoWidget</class>
<extends>QOpenGLWidget</extends>
<header location="global">videowidget.h</header>
<header>videowidget.h</header>
</customwidget>
<customwidget>
<class>CommandWidget</class>
@ -58,6 +156,12 @@
<header>commandwidget.h</header>
<container>1</container>
</customwidget>
<customwidget>
<class>VideoControl</class>
<extends>QWidget</extends>
<header>videoControl.h</header>
<container>1</container>
</customwidget>
</customwidgets>
<resources/>
<connections/>

24
src/resources/Qss/qss.qss
Unescape Escape View File

@ -1,6 +1,6 @@
/************************QWidget窗体设置****************************/
QWidget{
background-color: rgb(50, 50, 50);
background-color: rgb(55,55,55);
}
/************************QPushButton按钮设置****************************/
@ -34,6 +34,27 @@ QPushButton::disabled {
/**播放按钮样式**/
QPushButton#medio{
background: transparent;
}
QPushButton#medio:hover {
background-color: #646464;
border-color: #2f3640;
border-radius: 15px;
border-style: solid;
border-width: 1px;
padding: 1px;
}
QPushButton#medio:pressed {
background: transparent;
}
/**************************QToolButton设置*************************/
QToolButton{
@ -63,6 +84,7 @@ QToolButton::disabled {
}
/**************************QLineEdit编辑框设置*************************/
QLineEdit{
color:rgb(255,255,255);

BIN
src/resources/images/playFast.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
src/resources/images/playMedio.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
src/resources/images/playSlow.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
src/resources/images/stop.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

4
src/resources/res.qrc
Unescape Escape View File

@ -9,5 +9,9 @@
<file>images/settings.png</file>
<file>images/up.png</file>
<file>images/wifi4G.png</file>
<file>images/playMedio.png</file>
<file>images/stop.png</file>
<file>images/playFast.png</file>
<file>images/playSlow.png</file>
</qresource>
</RCC>

37
src/videoControl.cpp
Unescape Escape View File

@ -0,0 +1,37 @@
#include "videoControl.h"
#include "ui_videoControl.h"
VideoControl::VideoControl(QWidget *parent) :
QWidget(parent),
ui(new Ui::VideoControl)
{
ui->setupUi(this);
// 其他初始化代码...
ui->pbPlayer->setIcon(QIcon(":/images/playMedio.png"));
ui->pbPlayer->setIconSize(QSize(56,56));
ui->pbPlayer->setFixedSize(64, 64);
ui->pbPlayer->setObjectName("medio");
// ui->pbPlayer->set
ui->pbStop->setIcon(QIcon(":/images/stop.png"));
ui->pbStop->setIconSize(QSize(42,42));
ui->pbStop->setFixedSize(50, 50);
ui->pbStop->setObjectName("medio");
ui->pbFast->setIcon(QIcon(":/images/playFast.png"));
ui->pbFast->setIconSize(QSize(42,42));
ui->pbFast->setFixedSize(50, 50);
ui->pbFast->setObjectName("medio");
ui->pbSlow->setIcon(QIcon(":/images/playSlow.png"));
ui->pbSlow->setIconSize(QSize(42,42));
ui->pbSlow->setFixedSize(50, 50);
ui->pbSlow->setObjectName("medio");
}
VideoControl::~VideoControl()
{
delete ui;
}

30
src/videoControl.h
Unescape Escape View File

@ -0,0 +1,30 @@
#ifndef VIDEOCONTROL_H
#define VIDEOCONTROL_H
#include <QWidget>
namespace Ui {
class VideoControl;
}
class VideoControl : public QWidget {
Q_OBJECT
public:
explicit VideoControl(QWidget *parent = nullptr);
~VideoControl();
private:
Ui::VideoControl *ui;
};
#endif // VIDEOCONTROL_H

103
src/videoControl.ui
Unescape Escape View File

@ -0,0 +1,103 @@
<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
<class>VideoControl</class>
<widget class="QWidget" name="VideoControl">
<property name="geometry">
<rect>
<x>0</x>
<y>0</y>
<width>713</width>
<height>91</height>
</rect>
</property>
<property name="windowTitle">
<string>Form</string>
</property>
<layout class="QHBoxLayout" name="horizontalLayout_2" stretch="1,5,1">
<item>
<spacer name="horizontalSpacer">
<property name="orientation">
<enum>Qt::Horizontal</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
<width>40</width>
<height>20</height>
</size>
</property>
</spacer>
</item>
<item>
<widget class="QWidget" name="widget" native="true">
<layout class="QHBoxLayout" name="horizontalLayout_4">
<item>
<layout class="QHBoxLayout" name="horizontalLayout" stretch="0,0,0,0">
<property name="spacing">
<number>6</number>
</property>
<property name="sizeConstraint">
<enum>QLayout::SetDefaultConstraint</enum>
</property>
<item>
<widget class="QPushButton" name="pbSlow">
<property name="text">
<string/>
</property>
<property name="flat">
<bool>false</bool>
</property>
</widget>
</item>
<item>
<widget class="QPushButton" name="pbPlayer">
<property name="text">
<string/>
</property>
<property name="flat">
<bool>false</bool>
</property>
</widget>
</item>
<item>
<widget class="QPushButton" name="pbStop">
<property name="text">
<string/>
</property>
<property name="flat">
<bool>false</bool>
</property>
</widget>
</item>
<item>
<widget class="QPushButton" name="pbFast">
<property name="text">
<string/>
</property>
<property name="flat">
<bool>false</bool>
</property>
</widget>
</item>
</layout>
</item>
</layout>
</widget>
</item>
<item>
<spacer name="horizontalSpacer_2">
<property name="orientation">
<enum>Qt::Horizontal</enum>
</property>
<property name="sizeHint" stdset="0">
<size>
<width>40</width>
<height>20</height>
</size>
</property>
</spacer>
</item>
</layout>
</widget>
<resources/>
<connections/>
</ui>
Write Preview
Loading…
Cancel
Save