diff options
author | Mitch Curtis <mitch.curtis@qt.io> | 2018-09-10 16:15:01 +0200 |
---|---|---|
committer | Mitch Curtis <mitch.curtis@qt.io> | 2018-09-27 11:39:47 +0000 |
commit | fb6763fddfce329924ccb3678fbdf7875978a7ca (patch) | |
tree | 9a27d6b9c9ccbb5f954bb57c55c655fd3c59eedb /examples/quickcontrols2/wearable/qml/Settings/SettingsPage.qml | |
parent | 8a87193078d7a51c5a049e4698c44b0af43edbb3 (diff) |
wearable: add a dark theme with a runtime switch on the Settings page
Change-Id: Iaa205c19aa413de7a5537f17f74d969547d5e558
Reviewed-by: Richard Moe Gustavsen <richard.gustavsen@qt.io>
Diffstat (limited to 'examples/quickcontrols2/wearable/qml/Settings/SettingsPage.qml')
-rw-r--r-- | examples/quickcontrols2/wearable/qml/Settings/SettingsPage.qml | 44 |
1 files changed, 31 insertions, 13 deletions
diff --git a/examples/quickcontrols2/wearable/qml/Settings/SettingsPage.qml b/examples/quickcontrols2/wearable/qml/Settings/SettingsPage.qml index 243020a7..af6561f3 100644 --- a/examples/quickcontrols2/wearable/qml/Settings/SettingsPage.qml +++ b/examples/quickcontrols2/wearable/qml/Settings/SettingsPage.qml @@ -50,20 +50,11 @@ import QtQuick 2.10 import QtQuick.Controls 2.3 as QQC2 -import Qt.labs.settings 1.0 import ".." 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 @@ -80,24 +71,26 @@ Item { spacing: 50 Image { anchors.verticalCenter: parent.verticalCenter - source: "images/bluetooth.png" + source: UIStyle.themeImagePath("images/bluetooth") } QQC2.Switch { id: bluetoothSwitch anchors.verticalCenter: parent.verticalCenter checked: settings.bluetooth + onToggled: settings.bluetooth = checked } } Row { spacing: 50 Image { anchors.verticalCenter: parent.verticalCenter - source: "images/wifi.png" + source: UIStyle.themeImagePath("images/wifi") } QQC2.Switch { id: wirelessSwitch anchors.verticalCenter: parent.verticalCenter checked: settings.wireless + onToggled: settings.wireless = checked } } } @@ -113,7 +106,7 @@ Item { Column { Image { anchors.horizontalCenter: parent.horizontalCenter - source: "images/brightness.png" + source: UIStyle.themeImagePath("images/brightness") } QQC2.Slider { id: brightnessSlider @@ -122,13 +115,14 @@ Item { to: 5 stepSize: 1 value: settings.brightness + onMoved: settings.brightness = value } } Column { spacing: 2 Image { anchors.horizontalCenter: parent.horizontalCenter - source: "images/contrast.png" + source: UIStyle.themeImagePath("images/contrast") } QQC2.Slider { id: contrastSlider @@ -137,6 +131,30 @@ Item { to: 10 stepSize: 1 value: settings.contrast + onMoved: settings.contrast = value + } + } + } + } + + SwipeViewPage { + id: settingsPage3 + + Column { + anchors.centerIn: parent + spacing: 2 + + Row { + spacing: 50 + Image { + anchors.verticalCenter: parent.verticalCenter + source: UIStyle.themeImagePath("images/theme") + } + QQC2.Switch { + id: darkThemeSwitch + anchors.verticalCenter: parent.verticalCenter + checked: settings.darkTheme + onToggled: settings.darkTheme = checked } } } |