504 lines
12 KiB
QML
504 lines
12 KiB
QML
import QtQuick 2.6
|
|
import QtQuick.Controls 2.5
|
|
import QtQuick.Layouts 1.3
|
|
import QtQuick.Templates 2.5
|
|
import QtQuick.Dialogs 1.2
|
|
import QtGraphicalEffects 1.0
|
|
import Qt.labs.calendar 1.0
|
|
import QtQuick.Dialogs.qml 1.0
|
|
import QtQuick.Window 2.10
|
|
import "MissionManager"
|
|
|
|
|
|
|
|
|
|
|
|
Rectangle {
|
|
id:root
|
|
|
|
visible: true
|
|
x:0
|
|
y:0
|
|
width: 280
|
|
height: 320
|
|
color: "#fbfdca"
|
|
antialiasing: true
|
|
|
|
|
|
property int number : 1
|
|
|
|
property bool isSettingCategory: false
|
|
property bool isFirst: true
|
|
|
|
|
|
property var json: {
|
|
"comment": "",
|
|
"id": 0,
|
|
"rawName": "",
|
|
"friendlyName": "null",
|
|
"description": "",
|
|
"specifiesCoordinate": true,
|
|
"friendlyEdit": true,
|
|
"category": "",
|
|
"param1": {
|
|
"label": "",
|
|
"units": "",
|
|
"default": 0,
|
|
"decimalPlaces": 0
|
|
},
|
|
"param2": {
|
|
"label": "",
|
|
"units": "",
|
|
"default": 3,
|
|
"decimalPlaces": 2
|
|
},
|
|
"param3": {
|
|
"label": "",
|
|
"units": "",
|
|
"default": 0,
|
|
"decimalPlaces": 0
|
|
},
|
|
"param4": {
|
|
"label": "",
|
|
"units": "",
|
|
"nanUnchanged": true,
|
|
"default": 0,
|
|
"decimalPlaces": 0
|
|
},
|
|
"param5": {
|
|
"label": "",
|
|
"default": 0,
|
|
"decimalPlaces": 0
|
|
},
|
|
"param6": {
|
|
"label": "",
|
|
"default": 0,
|
|
"decimalPlaces": 0
|
|
},
|
|
"param7": {
|
|
"label": "",
|
|
"default": 0,
|
|
"decimalPlaces": 0
|
|
}
|
|
}
|
|
|
|
onJsonChanged: {
|
|
if(isFirst == true)
|
|
{
|
|
//jsonModel.remove(0)
|
|
jsonModel.clear()
|
|
jsonModel.set(0,json)
|
|
isFirst = false
|
|
}
|
|
else
|
|
{
|
|
jsonModel.append(json)
|
|
|
|
//console.log(json)
|
|
|
|
}
|
|
}
|
|
|
|
property ListModel model : ListModel { id: jsonModel }//总的模型
|
|
|
|
|
|
|
|
|
|
|
|
|
|
property var paraJson: {
|
|
"label": "",
|
|
"units": "",
|
|
"defaultValue": 3,
|
|
"decimalPlaces": 2
|
|
}
|
|
|
|
onParaJsonChanged: {
|
|
paramModel.append(paraJson)
|
|
}
|
|
|
|
property ListModel _paramModel : ListModel { id: paramModel }//参数的模型
|
|
|
|
|
|
|
|
Rectangle {
|
|
id: last
|
|
x: 8
|
|
y: 8
|
|
width: 32
|
|
height: 27
|
|
color: "#bbf4b6"
|
|
radius: 5
|
|
clip: true
|
|
antialiasing: true
|
|
MouseArea {
|
|
clip: true
|
|
hoverEnabled: true
|
|
anchors.fill: parent
|
|
onEntered: {
|
|
parent.color = "#22fd0e"
|
|
}
|
|
onExited: {
|
|
parent.color = "#bbf4b6"
|
|
}
|
|
|
|
//请求读取上一个航点的属性
|
|
}
|
|
Triangle {
|
|
x: 5
|
|
y: 4
|
|
width: 20
|
|
height: 20
|
|
direction: "reverse"
|
|
color: "#b344fb"
|
|
clip: true
|
|
border: 0
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: next
|
|
x: 238
|
|
y: 8
|
|
width: 32
|
|
height: 27
|
|
color: "#bbf4b6"
|
|
radius: 5
|
|
clip: true
|
|
antialiasing: true
|
|
MouseArea {
|
|
clip: true
|
|
hoverEnabled: true
|
|
anchors.fill: parent
|
|
onEntered: {
|
|
parent.color = "#22fd0e"
|
|
}
|
|
onExited: {
|
|
parent.color = "#bbf4b6"
|
|
}
|
|
//请求读取下一个航点的属性
|
|
}
|
|
Triangle {
|
|
id: triangle
|
|
x: 7
|
|
y: 4
|
|
width: 20
|
|
height: 20
|
|
color: "#b344fb"
|
|
clip: true
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: seq
|
|
x: 46
|
|
y: 8
|
|
width: 54
|
|
height: 27
|
|
color: "#b7f3f0"
|
|
radius: 5
|
|
clip: true
|
|
antialiasing: true
|
|
|
|
Text {
|
|
id: seq_text
|
|
text: number
|
|
font.family: "Arial"
|
|
clip: true
|
|
verticalAlignment: Text.AlignVCenter
|
|
horizontalAlignment: Text.AlignHCenter
|
|
anchors.fill: parent
|
|
font.pixelSize: 12
|
|
}
|
|
|
|
MouseArea {
|
|
id: mouseArea
|
|
clip: true
|
|
hoverEnabled: true
|
|
anchors.fill: parent
|
|
onEntered: {
|
|
parent.color = "#48fcf2"
|
|
}
|
|
onExited: {
|
|
parent.color = "#b7f3f0"
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: mav_cmd
|
|
x: 106
|
|
y: 8
|
|
width: 126
|
|
height: 27
|
|
color: "#bae5b4"
|
|
radius: 5
|
|
clip: true
|
|
antialiasing: true
|
|
|
|
Text {
|
|
id: mav_cmd_text
|
|
text: ""
|
|
clip: true
|
|
anchors.rightMargin: 0
|
|
anchors.bottomMargin: 0
|
|
anchors.leftMargin: 0
|
|
anchors.topMargin: 0
|
|
verticalAlignment: Text.AlignVCenter
|
|
horizontalAlignment: Text.AlignHCenter
|
|
anchors.fill: parent
|
|
font.pixelSize: 12
|
|
|
|
onTextChanged: {
|
|
//console.log(text)
|
|
//console.log(jsonModel.get(0).friendlyName)
|
|
}
|
|
|
|
}
|
|
|
|
MouseArea {
|
|
clip: true
|
|
hoverEnabled: true
|
|
anchors.fill: parent
|
|
onEntered: {
|
|
cursorShape = Qt.PointingHandCursor
|
|
parent.color = "#e0fb88"
|
|
}
|
|
onExited: {
|
|
cursorShape = Qt.ArrowCursor
|
|
parent.color = "#bae5b4"
|
|
}
|
|
onClicked: {
|
|
//请求所有CMD，并显示
|
|
isSettingCategory = true
|
|
//console.log(json.toString())
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
Rectangle {
|
|
x: 106
|
|
y: 41
|
|
width: 167
|
|
height: 147
|
|
color: "#ffffff"
|
|
radius: 9
|
|
clip: true
|
|
|
|
Rectangle {
|
|
id: rectangle
|
|
color: "#eedbfe"
|
|
radius: 10
|
|
anchors.bottomMargin: 8
|
|
anchors.topMargin: 8
|
|
anchors.rightMargin: 8
|
|
anchors.leftMargin: 8
|
|
anchors.fill: parent
|
|
visible: isSettingCategory?(false):(true)
|
|
|
|
ListView {
|
|
id : param_listView
|
|
anchors.bottomMargin: 8
|
|
anchors.topMargin: 8
|
|
anchors.rightMargin: 8
|
|
anchors.leftMargin: 8
|
|
anchors.fill: parent
|
|
|
|
model: paramModel
|
|
delegate: paramDelegate
|
|
spacing: 5
|
|
clip: true
|
|
focus: true
|
|
|
|
RadioButton {
|
|
id: radioButton
|
|
x: 0
|
|
y: 15
|
|
width: 172
|
|
height: 61
|
|
text: qsTr("Radio Button")
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: paramDelegate
|
|
Rectangle {
|
|
id: rect_param1
|
|
x: 8
|
|
y: 8
|
|
width: 233
|
|
height: 34
|
|
color: "#ffffff"
|
|
radius: 6
|
|
|
|
Label {
|
|
x: 3
|
|
y: 7
|
|
width: 47
|
|
height: 21
|
|
text: label
|
|
font.pointSize: 12
|
|
font.family: "Arial"
|
|
}
|
|
|
|
Label {
|
|
x: 180
|
|
y: 8
|
|
|
|
text: units
|
|
font.pointSize: 12
|
|
font.family: "Arial"
|
|
}
|
|
|
|
TextEdit {
|
|
id: textEdit
|
|
x: 56
|
|
y: 7
|
|
width: 129
|
|
height: 21
|
|
text: defaultValue
|
|
visible: true
|
|
clip: false
|
|
cursorVisible: false
|
|
overwriteMode: false
|
|
persistentSelection: true
|
|
selectByMouse: true
|
|
antialiasing: true
|
|
font.family: "Arial"
|
|
font.bold: true
|
|
verticalAlignment: Text.AlignVCenter
|
|
horizontalAlignment: Text.AlignHCenter
|
|
font.pixelSize: 13
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
ListView {
|
|
id : m_listView
|
|
anchors.bottomMargin: 8
|
|
anchors.topMargin: 8
|
|
anchors.rightMargin: 8
|
|
anchors.leftMargin: 8
|
|
anchors.fill: parent
|
|
|
|
model: jsonModel
|
|
delegate: numberDelegate
|
|
spacing: 5
|
|
clip: true
|
|
focus: true
|
|
visible: isSettingCategory
|
|
}
|
|
|
|
Component {
|
|
id: numberDelegate
|
|
|
|
Rectangle {
|
|
width: ListView.view.width
|
|
height: ListView.isCurrentItem?100:40
|
|
color: ListView.isCurrentItem?"#157efb":"#53d769"
|
|
border.color: Qt.lighter(color, 1.1)
|
|
radius: 10
|
|
|
|
|
|
|
|
Text {
|
|
id:friendlyNameText
|
|
anchors.top: parent.top
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.topMargin: 10
|
|
font.pixelSize: 10
|
|
text: (friendlyName == null)?(rawName):(friendlyName)
|
|
}
|
|
|
|
TextArea {
|
|
id:descriptionText
|
|
|
|
anchors.top:friendlyNameText.bottom
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.left: parent.left
|
|
anchors.topMargin: 10
|
|
anchors.leftMargin: 10
|
|
anchors.rightMargin: 10
|
|
|
|
width: parent.width
|
|
height: parent.height - friendlyNameText.height
|
|
visible: (parent.height == 100)?true:false
|
|
font.pixelSize: 10
|
|
text: (description == null)?(""):(description)
|
|
|
|
}
|
|
|
|
|
|
MouseArea {
|
|
anchors.rightMargin: -50
|
|
hoverEnabled: true
|
|
anchors.fill: parent
|
|
onClicked:{
|
|
m_listView.currentIndex = index //实现item切换
|
|
isSettingCategory = false
|
|
mav_cmd_text.text = friendlyNameText.text
|
|
|
|
paraJson = jsonModel.get(index)
|
|
|
|
}
|
|
|
|
onEntered: {
|
|
descriptionText.visible = true
|
|
m_listView.currentIndex = index //实现item切换
|
|
mav_cmd_text.text = friendlyNameText.text
|
|
|
|
}
|
|
onExited: {
|
|
descriptionText.visible = false
|
|
mav_cmd_text.text = friendlyNameText.text
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
RadioButton {
|
|
id: radioButton1
|
|
x: 32
|
|
y: 223
|
|
width: 51
|
|
height: 42
|
|
text: qsTr("Radio Button")
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|