Revision control
Copy as Markdown
// Copyright (C) 2017 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
import QtQuick
import QtQuick.Controls
Item {
id: main
objectName: "main"
width: 400
height: 800
focus: true
Component.onCompleted: button1.focus = true
Column {
anchors.fill: parent
id: column
objectName: "column"
BusyIndicator {
id: busyindicator
objectName: "busyindicator"
}
Button {
id: button1
objectName: "button1"
text: "button1"
KeyNavigation.up: textarea
KeyNavigation.down: button2
KeyNavigation.left: toolbutton
KeyNavigation.right: button2
}
Button {
id: button2
objectName: "button2"
text: "button2"
KeyNavigation.up: button1
KeyNavigation.down: checkbox
KeyNavigation.left: button1
KeyNavigation.right: checkbox
}
CheckBox {
id: checkbox
objectName: "checkbox"
text: "checkbox"
KeyNavigation.up: button2
KeyNavigation.down: checkbox1
KeyNavigation.left: button2
KeyNavigation.right: checkbox1
}
GroupBox {
id: groupbox1
objectName: "groupbox1"
title: "grouppox1"
Column {
anchors.fill: parent
CheckBox {
id: checkbox1
objectName: "checkbox1"
text: "checkbox1"
KeyNavigation.up: checkbox
KeyNavigation.down: checkbox2
KeyNavigation.left: checkbox
KeyNavigation.right: checkbox2
}
CheckBox {
id: checkbox2
objectName: "checkbox2"
text: "checkbox2"
KeyNavigation.up: checkbox1
KeyNavigation.down: radiobutton
KeyNavigation.left: checkbox1
KeyNavigation.right: radiobutton
}
}
}
Label {
id: label
objectName: "label"
text: "label"
}
PageIndicator {
id: pageindicator
objectName: "pageindicator"
}
ProgressBar {
id: progressbar
objectName: "progressbar"
indeterminate: true
}
RadioButton {
id: radiobutton
objectName: "radiobutton"
text: "radiobutton"
KeyNavigation.up: checkbox2
KeyNavigation.down: radiobutton1
KeyNavigation.left: checkbox2
KeyNavigation.right: radiobutton1
}
GroupBox {
id: groupbox2
objectName: "groupbox2"
title: "groupbox2"
Column {
anchors.fill: parent
RadioButton {
id: radiobutton1
objectName: "radiobutton1"
text: "radiobutton1"
KeyNavigation.up: radiobutton
KeyNavigation.down: radiobutton2
KeyNavigation.left: radiobutton
KeyNavigation.right: radiobutton2
}
RadioButton {
id: radiobutton2
objectName: "radiobutton2"
text: "radiobutton2"
KeyNavigation.up: radiobutton1
KeyNavigation.down: rangeslider
KeyNavigation.left: radiobutton1
KeyNavigation.right: spinbox
}
}
}
RangeSlider {
id: rangeslider
objectName: "rangeslider"
first.handle.objectName: "rangeslider.first"
second.handle.objectName: "rangeslider.second"
KeyNavigation.up: radiobutton2
KeyNavigation.down: slider
}
// ScrollBar
ScrollIndicator {
id: scrollindicator
objectName: "scrollindicator"
}
Slider {
id: slider
objectName: "slider"
value: 0.5
KeyNavigation.up: rangeslider
KeyNavigation.down: swtich
}
SpinBox {
id: spinbox
objectName: "spinbox"
value: 50
KeyNavigation.left: radiobutton2
KeyNavigation.right: swtich
}
// StackView
Switch {
id: swtich // switch
objectName: "switch"
text: "switch"
KeyNavigation.up: slider
KeyNavigation.down: tabbutton1
KeyNavigation.left: spinbox
KeyNavigation.right: tabbutton1
}
TabBar {
width: parent.width
id: tabbar
objectName: "tabbar"
TabButton {
id: tabbutton1
objectName: "tabbutton1"
text: "tabbutton1"
KeyNavigation.up: swtich
KeyNavigation.down: tabbutton2
KeyNavigation.left: swtich
KeyNavigation.right: tabbutton2
}
TabButton {
id: tabbutton2
objectName: "tabbutton2"
text: "tabbutton2"
KeyNavigation.up: tabbutton1
KeyNavigation.down: textfield
KeyNavigation.left: tabbutton1
KeyNavigation.right: toolbutton
}
}
TextField {
id: textfield
objectName: "textfield"
text: "abc"
KeyNavigation.up: tabbutton2
KeyNavigation.down: toolbutton
}
ToolBar {
width: parent.width
id: toolbar
objectName: "toolbar"
ToolButton {
id: toolbutton
objectName: "toolbutton"
text: "toolbutton"
KeyNavigation.up: textfield
KeyNavigation.down: textarea
KeyNavigation.left: tabbutton2
KeyNavigation.right: button1
}
}
TextArea {
id: textarea
objectName: "textarea"
text: "abc"
KeyNavigation.up: toolbutton
KeyNavigation.down: button1
}
}
}