diff options
author | J-P Nurmi <jpnurmi@theqtcompany.com> | 2015-06-14 21:22:43 +0200 |
---|---|---|
committer | J-P Nurmi <jpnurmi@theqtcompany.com> | 2015-06-15 08:05:54 +0000 |
commit | b793cbe460e311b3ed118b02635165db853696c4 (patch) | |
tree | e00699aefeadf62e9cbc65004a84174ba8f92dc9 /examples/quick/controls | |
parent | d2b13164d85fffc7d379304ca5aefc9304e53a8a (diff) |
GroupBox/Frame/ToolBar: use positioners as content item
Change-Id: I8f883dd0fd06172032dd78ff60437c906c2fe8dd
Reviewed-by: J-P Nurmi <jpnurmi@theqtcompany.com>
Diffstat (limited to 'examples/quick/controls')
-rw-r--r-- | examples/quick/controls/mirroring/main.qml | 117 |
1 files changed, 50 insertions, 67 deletions
diff --git a/examples/quick/controls/mirroring/main.qml b/examples/quick/controls/mirroring/main.qml index 3deb3cae..5a351993 100644 --- a/examples/quick/controls/mirroring/main.qml +++ b/examples/quick/controls/mirroring/main.qml @@ -107,22 +107,19 @@ ApplicationWindow { title: "CheckBox" readonly property real preferredWidth: (flow.width - 12) / 2 width: window.width > window.height || implicitWidth > preferredWidth ? flow.width : preferredWidth - ColumnLayout { + CheckBox { width: parent.width - CheckBox { - width: parent.width - text: "E-mail" - checked: true - } - CheckBox { - width: parent.width - text: "Calendar" - checked: true - } - CheckBox { - width: parent.width - text: "Contacts" - } + text: "E-mail" + checked: true + } + CheckBox { + width: parent.width + text: "Calendar" + checked: true + } + CheckBox { + width: parent.width + text: "Contacts" } } @@ -130,25 +127,22 @@ ApplicationWindow { title: "RadioButton" readonly property real preferredWidth: (flow.width - 12) / 2 width: window.width > window.height || implicitWidth > preferredWidth ? flow.width : preferredWidth - ColumnLayout { + ExclusiveGroup { id: eg } + RadioButton { width: parent.width - ExclusiveGroup { id: eg } - RadioButton { - width: parent.width - text: "Portrait" - Exclusive.group: eg - } - RadioButton { - width: parent.width - text: "Landscape" - Exclusive.group: eg - } - RadioButton { - width: parent.width - text: "Automatic" - checked: true - Exclusive.group: eg - } + text: "Portrait" + Exclusive.group: eg + } + RadioButton { + width: parent.width + text: "Landscape" + Exclusive.group: eg + } + RadioButton { + width: parent.width + text: "Automatic" + checked: true + Exclusive.group: eg } } @@ -160,7 +154,7 @@ ApplicationWindow { spacing: Theme.spacing readonly property real availableWidth: (flow.width - 12) / 2 readonly property real contentWidth: okButton.implicitWidth + cancelButton.implicitWidth + 12 - readonly property real buttonWidth: contentWidth > availableWidth ? (width / 2 - spacing) : (width / 2 - 2 * spacing) / 2 + readonly property real buttonWidth: implicitWidth > availableWidth ? (width / 2 - spacing) : (width / 2 - 2 * spacing) / 2 Button { id: okButton text: "Ok" @@ -177,54 +171,43 @@ ApplicationWindow { GroupBox { title: "Switch" width: flow.width - Column { + Switch { width: parent.width - Switch { - width: parent.width - text: "Wifi" - checked: true - } - Switch { - width: parent.width - text: "Bluetooth" - } + text: "Wifi" + checked: true + } + Switch { + width: parent.width + text: "Bluetooth" } } GroupBox { title: "ProgressBar" width: flow.width - Column { + ProgressBar { width: parent.width - spacing: Theme.spacing - ProgressBar { - width: parent.width - indeterminate: true - } - ProgressBar { - width: parent.width - value: slider.position - } + indeterminate: true + } + ProgressBar { + width: parent.width + value: slider.position } } GroupBox { title: "Slider" width: flow.width - Column { + Slider { + id: slider + value: 0.4 width: parent.width - spacing: Theme.spacing - Slider { - id: slider - value: 0.4 - width: parent.width - } - Slider { - width: parent.width - snapMode: AbstractSlider.SnapAlways - stepSize: 0.2 - value: 0.8 - } + } + Slider { + width: parent.width + snapMode: AbstractSlider.SnapAlways + stepSize: 0.2 + value: 0.8 } } } |