hero123457/qtmqtt
1
0
Fork 0
mirror of https://github.com/qt/qtmqtt.git synced 2026-10-25 16:16:26 +00:00
Code Issues Projects Releases Wiki Activity

Examples: Visual clean up

Browse Source 
The UI needed some minimal overhaul to be more consistent. Adapt the
layouts.

Change-Id: I7e3fdf38faca2264c768fd188bb381a78f6cf4d3
Fixes: QTBUG-64014
Reviewed-by: Alex Blasche <alexander.blasche@qt.io>
This commit is contained in:
Maurice Kalinowski 2018-12-10 15:15:02 +01:00
parent 993437193f
commit 6a7eed0a04
2 changed files with 29 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
examples/mqtt/quickpublication/main.qml
View File

@ -81,6 +81,7 @@ Window {
GridLayout {
anchors.fill: parent
anchors.margins: 10
columns: 2
Label {
@ -113,19 +114,22 @@ Window {
Button {
id: connectButton
Layout.columnSpan: 2
Layout.fillWidth: true
text: client.state === MqttClient.Connected ? "Disconnect" : "Connect"
onClicked: {
if (client.state === MqttClient.Connected)
if (client.state === MqttClient.Connected) {
client.disconnectFromHost()
else
messageModel.clear()
} else
client.connectToHost()
}
}
RowLayout {
GridLayout {
enabled: client.state === MqttClient.Connected
Layout.columnSpan: 2
Layout.fillWidth: true
columns: 4
Label {
text: "Topic:"
@ -133,6 +137,7 @@ Window {
TextField {
id: pubField
Layout.fillWidth: true
placeholderText: "<Publication topic>"
}
@ -142,14 +147,9 @@ Window {
TextField {
id: msgField
Layout.fillWidth: true
placeholderText: "<Publication message>"
}
}
RowLayout {
enabled: client.state === MqttClient.Connected
Layout.columnSpan: 2
Layout.fillWidth: true
Label {
text: "QoS:"
@ -157,6 +157,7 @@ Window {
ComboBox {
id: qosItems
Layout.fillWidth: true
editable: false
model: [0, 1, 2]
}
@ -169,6 +170,7 @@ Window {
Button {
id: pubButton
Layout.fillWidth: true
text: "Publish"
onClicked: {
if (pubField.text.length === 0) {
@ -187,8 +189,11 @@ Window {
height: 300
width: 200
Layout.fillHeight: true
Layout.fillWidth: true
Layout.columnSpan: 2
clip: true
delegate: Rectangle {
width: 150
width: messageView.width
height: 30
color: index % 2 ? "#DDDDDD" : "#888888"
radius: 5

17
examples/mqtt/quicksubscription/main.qml
View File

@ -83,6 +83,7 @@ Window {
GridLayout {
anchors.fill: parent
anchors.margins: 10
columns: 2
Label {
@ -115,11 +116,15 @@ Window {
Button {
id: connectButton
Layout.columnSpan: 2
Layout.fillWidth: true
text: client.state === MqttClient.Connected ? "Disconnect" : "Connect"
onClicked: {
if (client.state === MqttClient.Connected)
if (client.state === MqttClient.Connected) {
client.disconnectFromHost()
else
messageModel.clear()
tempSubscription.destroy()
tempSubscription = 0
} else
client.connectToHost()
}
}
@ -136,11 +141,14 @@ Window {
TextField {
id: subField
placeholderText: "<Subscription topic>"
Layout.fillWidth: true
enabled: tempSubscription === 0
}
Button {
id: subButton
text: "Subscribe"
visible: tempSubscription === 0
onClicked: {
if (subField.text.length === 0) {
console.log("No topic specified to subscribe to.")
@ -157,9 +165,12 @@ Window {
model: messageModel
height: 300
width: 200
Layout.columnSpan: 2
Layout.fillHeight: true
Layout.fillWidth: true
clip: true
delegate: Rectangle {
width: 150
width: messageView.width
height: 30
color: index % 2 ? "#DDDDDD" : "#888888"
radius: 5