SettingsPage.qml Example File
wearable/qml/Settings/SettingsPage.qml
import QtQuick 2.7
import QtQuick.Controls 2.0 as QQC2
import Qt.labs.settings 1.0
import "../Style"
Item {
Settings {
id: settings
property alias wireless: wirelessSwitch.checked
property alias bluetooth: bluetoothSwitch.checked
property alias contrast: contrastSlider.value
property alias brightness: brightnessSlider.value
}
QQC2.SwipeView {
id: svSettingsContainer
anchors.fill: parent
Item {
id: settingsPage1
Column {
anchors.centerIn: parent
spacing: 25
Row {
spacing: 50
Image {
anchors.verticalCenter: parent.verticalCenter
source: "images/bluetooth.png"
}
QQC2.Switch {
id: bluetoothSwitch
anchors.verticalCenter: parent.verticalCenter
checked: settings.bluetooth
}
}
Row {
spacing: 50
Image {
anchors.verticalCenter: parent.verticalCenter
source: "images/wifi.png"
}
QQC2.Switch {
id: wirelessSwitch
anchors.verticalCenter: parent.verticalCenter
checked: settings.wireless
}
}
}
}
Item {
id: settingsPage2
Column {
anchors.centerIn: parent
spacing: 2
Column {
Image {
anchors.horizontalCenter: parent.horizontalCenter
source: "images/brightness.png"
}
QQC2.Slider {
id: brightnessSlider
anchors.horizontalCenter: parent.horizontalCenter
from: 0
to: 5
stepSize: 1
value: settings.brightness
}
}
Column {
spacing: 2
Image {
anchors.horizontalCenter: parent.horizontalCenter
source: "images/contrast.png"
}
QQC2.Slider {
id: contrastSlider
anchors.horizontalCenter: parent.horizontalCenter
from: 0
to: 10
stepSize: 1
value: settings.contrast
}
}
}
}
}
QQC2.PageIndicator {
count: svSettingsContainer.count
currentIndex: svSettingsContainer.currentIndex
anchors.bottom: svSettingsContainer.bottom
anchors.horizontalCenter: parent.horizontalCenter
}
}