src/controls/MauiPage.qml

0001 import QtQuick
0002 import QtQuick.Controls
0003 import QtQuick.Layouts
0004
0005 import org.mauikit.controls as Maui
0006
0007 DemoPage
0008 {
0009     id: control
0010
0011     Maui.SectionGroup
0012     {
0013         title: i18n("Page")
0014         spacing: control.spacing
0015
0016         DemoSection
0017         {
0018             title: "Maui Page"
0019             body: i18n("A pane based page with movable toolbars, pullback toolbars effects, and much more")
0020
0021             sampleText: 'import org.mauikit.controls as Maui
0022             Maui.Page
0023             {
0024                 title: i18n("Title")
0025
0026                 headBar.leftContent : Switch
0027                 {}
0028
0029                 headBar.rightContent: Button
0030                 {
0031                     text: "Hello!"
0032                 }
0033             }'
0034
0035             column: Maui.Page
0036             {
0037                 id: _page
0038                 Layout.fillWidth: true
0039                 implicitHeight: 500
0040
0041                 title: i18n("Title")
0042
0043                 headBar.leftContent : Switch
0044                 {}
0045
0046                 headBar.rightContent: Button
0047                 {
0048                     text: "Hello!"
0049                     onClicked: _page.altHeader = !_page.altHeader
0050                 }
0051
0052                 Maui.Holder
0053                 {
0054                     anchors.fill: parent
0055                     emoji: "dialog-info"
0056                     isMask: false
0057                     title:  i18n("Maui Page")
0058                     body: i18n("Somethign to say here!")
0059                 }
0060             }
0061         }
0062
0063         DemoSection
0064         {
0065             title: "Page"
0066             body: i18n("A QQC page.")
0067
0068             column: Page
0069             {
0070                 Layout.fillWidth: true
0071                 implicitHeight: 500
0072
0073                 title: i18n("Title")
0074
0075                 header: ToolBar
0076                 {
0077                     width: parent.width
0078                 }
0079
0080                 footer: ToolBar
0081                 {
0082                     width: parent.width
0083                 }
0084
0085                 Maui.Holder
0086                 {
0087                     anchors.fill: parent
0088                     title:  i18n("QQC Page")
0089                     body: i18n("Somethign to say here!")
0090                 }
0091             }
0092         }
0093
0094         DemoSection
0095         {
0096             title: "PageLayout"
0097             body: i18n("A pane based page with movable toolbars, pullback toolbars effects, and much more")
0098
0099             sampleText: 'import org.mauikit.controls as Maui
0100             Maui.Page
0101             {
0102                 title: i18n("Title")
0103
0104                 headBar.leftContent : Switch
0105                 {}
0106
0107                 headBar.rightContent: Button
0108                 {
0109                     text: "Hello!"
0110                 }
0111             }'
0112
0113             column: Maui.PageLayout
0114             {
0115                 id: _pageLayout
0116                 Layout.fillWidth: true
0117                 implicitHeight: 500
0118
0119                 split: width < 800
0120
0121                 leftContent : [
0122                     Switch {},
0123                     Switch {}
0124                 ]
0125
0126                 rightContent: [
0127                     Button
0128                     {
0129                         text: "Hello!"
0130                         onClicked: _page.altHeader = !_page.altHeader
0131                     },
0132
0133                     Button
0134                     {
0135                         text: "Hello!"
0136                         onClicked: _page.altHeader = !_page.altHeader
0137                     }
0138                 ]
0139
0140                 middleContent: Maui.SearchField
0141                 {
0142                     Layout.maximumWidth: 500
0143                     Layout.fillWidth: true
0144                     Layout.alignment: Qt.AlignHCenter
0145                 }
0146
0147                 Maui.Holder
0148                 {
0149                     anchors.fill: parent
0150                     emoji: "dialog-info"
0151                     isMask: false
0152                     title:  i18n("Maui Page")
0153                     body: i18n("Somethign to say here!")
0154                 }
0155             }
0156         }
0157     }
0158 }