Falkon/FalkonTutorials
1
Fork 0
Code Releases Activity

QML: Switch to Pane for sidebar tutorial

Browse Source 
Signed-off-by: Juraj Oravec <jurajoravec@mailo.com>
This commit is contained in:
Juraj Oravec 2022-07-14 11:00:31 +02:00
parent 5e6b860531
commit bc2d18b285
Signed by: SGOrava
GPG Key ID: 13660A3F1D9F093B
2 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
qml/articles/7.Adding_a_sidebar.md
View File

@ -5,16 +5,18 @@ Hello, in this chapter I will show you how to create a custom sidebar.
## Create sidebar ## Create sidebar
```qml ```qml
Falkon.SideBar { import QtQuick.Controls 2.3
name: 'qml-tutorial7-sidebar'
title: i18n('Tutorial 7 - QML SideBar') Falkon.SideBar {
icon: 'falkon' name: 'qml-tutorial7-sidebar'
checkable: false title: i18n('Tutorial 7 - QML SideBar')
shortcut: 'Ctrl+Shift+Alt+S' icon: 'falkon'
Rectangle { checkable: false
/* Actual UI and some drawing logic */ shortcut: 'Ctrl+Shift+Alt+S'
} Pane {
/* Actual UI and some drawing logic */
} }
}
``` ```
### Falkon.SideBar ### Falkon.SideBar

3
qml/extensions/qml_tutorial_7/main.qml
View File

@ -23,7 +23,8 @@ Falkon.PluginInterface {
icon: 'falkon' icon: 'falkon'
checkable: true checkable: true
shortcut: 'Ctrl+Shift+Alt+S' shortcut: 'Ctrl+Shift+Alt+S'
Rectangle {
Pane {
Image { Image {
source: 'qrc:/icons/other/startpage.svg' source: 'qrc:/icons/other/startpage.svg'
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter