Changeset View
Changeset View
Standalone View
Standalone View
examples/simpleexamples/Sidebar.qml
| Show All 14 Lines | |||||
| 15 | * License along with this program; if not, write to the | 15 | * License along with this program; if not, write to the | ||
| 16 | * Free Software Foundation, Inc., | 16 | * Free Software Foundation, Inc., | ||
| 17 | * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. | 17 | * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. | ||
| 18 | */ | 18 | */ | ||
| 19 | 19 | | |||
| 20 | import QtQuick 2.1 | 20 | import QtQuick 2.1 | ||
| 21 | import QtQuick.Controls 2.3 as Controls | 21 | import QtQuick.Controls 2.3 as Controls | ||
| 22 | import QtQuick.Layouts 1.2 | 22 | import QtQuick.Layouts 1.2 | ||
| 23 | import org.kde.kirigami 2.5 as Kirigami | 23 | import org.kde.kirigami 2.7 as Kirigami | ||
| 24 | 24 | | |||
| 25 | Kirigami.ApplicationWindow { | 25 | Kirigami.ApplicationWindow { | ||
| 26 | id: root | 26 | id: root | ||
| 27 | width: Kirigami.Units.gridUnit * 60 | 27 | width: Kirigami.Units.gridUnit * 60 | ||
| 28 | height: Kirigami.Units.gridUnit * 40 | 28 | height: Kirigami.Units.gridUnit * 40 | ||
| 29 | 29 | | |||
| 30 | 30 | | |||
| 31 | pageStack.initialPage: mainPageComponent | 31 | pageStack.initialPage: mainPageComponent | ||
| ▲ Show 20 Lines • Show All 81 Lines • ▼ Show 20 Line(s) | |||||
| 113 | header: Controls.ToolBar { | 113 | header: Controls.ToolBar { | ||
| 114 | contentItem: RowLayout { | 114 | contentItem: RowLayout { | ||
| 115 | Controls.ToolButton { | 115 | Controls.ToolButton { | ||
| 116 | text: "Global ToolBar" | 116 | text: "Global ToolBar" | ||
| 117 | } | 117 | } | ||
| 118 | Item { | 118 | Item { | ||
| 119 | Layout.fillWidth: true | 119 | Layout.fillWidth: true | ||
| 120 | } | 120 | } | ||
| 121 | Controls.TextField { | 121 | Kirigami.ActionTextField { | ||
| 122 | id: searchField | ||||
| 122 | 123 | | |||
| 124 | placeholderText: "Search..." | ||||
| 125 | | ||||
| 126 | focusSequence: "Ctrl+F" | ||||
| 127 | leftActions: [ | ||||
| 128 | Kirigami.Action { | ||||
| 129 | iconName: "edit-clear" | ||||
| 130 | visible: searchField.text != "" | ||||
| 131 | onTriggered: { | ||||
| 132 | searchField.text = "" | ||||
| 133 | searchField.accepted() | ||||
| 134 | } | ||||
| 135 | }, | ||||
| 136 | Kirigami.Action { | ||||
| 137 | iconName: "edit-clear" | ||||
| 138 | visible: searchField.text != "" | ||||
| 139 | onTriggered: { | ||||
| 140 | searchField.text = "" | ||||
| 141 | searchField.accepted() | ||||
| 142 | } | ||||
| 143 | } | ||||
| 144 | ] | ||||
| 145 | rightActions: [ | ||||
| 146 | Kirigami.Action { | ||||
| 147 | iconName: "edit-clear" | ||||
| 148 | visible: searchField.text != "" | ||||
| 149 | onTriggered: { | ||||
| 150 | searchField.text = "" | ||||
| 151 | searchField.accepted() | ||||
| 152 | } | ||||
| 153 | }, | ||||
| 154 | Kirigami.Action { | ||||
| 155 | iconName: "anchor" | ||||
| 156 | visible: searchField.text != "" | ||||
| 157 | onTriggered: { | ||||
| 158 | searchField.text = "" | ||||
| 159 | searchField.accepted() | ||||
| 160 | } | ||||
| 161 | } | ||||
| 162 | ] | ||||
| 163 | | ||||
| 164 | onAccepted: console.log("Search text is " + searchField.text) | ||||
| 123 | } | 165 | } | ||
| 124 | } | 166 | } | ||
| 125 | } | 167 | } | ||
| 126 | //Main app content | 168 | //Main app content | ||
| 127 | Component { | 169 | Component { | ||
| 128 | id: mainPageComponent | 170 | id: mainPageComponent | ||
| 129 | MultipleColumnsGallery {} | 171 | MultipleColumnsGallery {} | ||
| 130 | } | 172 | } | ||
| 131 | footer: Controls.ToolBar { | 173 | footer: Controls.ToolBar { | ||
| 132 | position: ToolBar.Footer | 174 | position: ToolBar.Footer | ||
| 133 | contentItem: Controls.Label { | 175 | contentItem: Controls.Label { | ||
| 134 | text: "Global Footer" | 176 | text: "Global Footer" | ||
| 135 | } | 177 | } | ||
| 136 | } | 178 | } | ||
| 137 | } | 179 | } | ||