sensor_explorer.qml Example File
sensor_explorer/sensor_explorer.qml
import QtQuick 2.1
import QtQuick.Window 2.1
import QtQuick.Controls 1.0
import Explorer 1.0
Window {
id: window
width: 320
height: 480
minimumWidth: 320
minimumHeight: 480
SensorExplorer {
id: explorer
}
Column {
anchors.fill: parent
anchors.margins: 8
spacing: 8
GroupBox {
title: qsTr("Available Sensors")
width: parent.width
height: window.height * 0.4
TableView {
id: sensorList
anchors.fill: parent
model: explorer.availableSensors
TableViewColumn { role: "id"; title: qsTr("ID"); width: sensorList.width * 0.7 }
TableViewColumn { role: "start"; title: qsTr("Running"); width: sensorList.width * 0.3 - 5 }
onClicked: {
explorer.selectedSensorItem = explorer.availableSensors[row]
propertyList.model = explorer.selectedSensorItem.properties
button.update()
}
}
Button {
id: button
anchors.margins: 4
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: sensorList.bottom
text: qsTr("Start")
enabled: explorer.selectedSensorItem !== null
function update() {
text = (explorer.selectedSensorItem !== null ?
(explorer.selectedSensorItem.start === true ?
qsTr("Stop") : qsTr("Start")) : qsTr("Start"))
}
onClicked: {
if (explorer.selectedSensorItem !== null) {
if (text === "Start") {
explorer.selectedSensorItem.start = true;
text = "Stop";
}
else {
explorer.selectedSensorItem.start = false;
text = "Start";
}
}
}
}
}
GroupBox {
title: qsTr("Properties")
width: parent.width
height: window.height * 0.55
enabled: explorer.selectedSensorItem != null
TableView {
id: propertyList
property PropertyInfo selectedItem: null
anchors.fill: parent
TableViewColumn { role: "name"; title: qsTr("Name"); width: propertyList.width * 0.5 }
TableViewColumn { role: "value"; title: qsTr("Value"); width: propertyList.width * 0.5 - 5 }
onClicked: {
selectedItem = model[row]
}
itemDelegate: {
if (selectedItem && selectedItem.isWriteable)
return editableDelegate;
return readOnlyDelegate;
}
Component {
id: readOnlyDelegate
Item {
Text {
width: parent.width
anchors.margins: 4
anchors.left: parent.left
anchors.verticalCenter: parent.verticalCenter
elide: styleData.elideMode
text: styleData.value
color: propertyList.model[styleData.row].isWriteable ?
styleData.textColor : Qt.lighter(styleData.textColor)
}
}
}
Component {
id: editableDelegate
Item {
Text {
width: parent.width
anchors.margins: 4
anchors.left: parent.left
anchors.verticalCenter: parent.verticalCenter
elide: styleData.elideMode
text: styleData.value
color: styleData.textColor
visible: !styleData.selected || styleData.column === 0
}
Loader {
id: loaderEditor
anchors.margins: 4
anchors.left: parent.left
anchors.verticalCenter: parent.verticalCenter
Connections {
target: loaderEditor.item
onAccepted: {
explorer.selectedSensorItem.changePropertyValue(propertyList.selectedItem, loaderEditor.item.text);
}
}
sourceComponent: (styleData.selected && styleData.column === 1) ? editor : null
Component {
id: editor
TextInput {
id: textinput
color: styleData.textColor
text: styleData.value
MouseArea {
id: mouseArea
anchors.fill: parent
hoverEnabled: true
onClicked: textinput.forceActiveFocus()
}
}
}
}
}
}
}
}
}
}