diff options
| author | Anatasof Wirapraja <anatasof.wirapraja@gmail.com> | 2019-09-20 11:57:47 +0700 |
|---|---|---|
| committer | Anatasof Wirapraja <anatasof.wirapraja@gmail.com> | 2019-09-20 11:57:47 +0700 |
| commit | bcb1e44f4a4f9b7927e5ab0e29b90654d0cd0379 (patch) | |
| tree | 145d4aae9a5493cc0ec23036d9ccd7d2e48b72b0 /Home.qml | |
| parent | d5b332fd4d2bede1fe1a1e6bf3f7138285239b4f (diff) | |
`home.qml` now user `header` and `footer`
Diffstat (limited to 'Home.qml')
| -rw-r--r-- | Home.qml | 85 |
1 files changed, 80 insertions, 5 deletions
@@ -1,10 +1,85 @@ import QtQuick 2.12 +import QtQuick.Controls 2.12 +import QtQuick.Controls.Material 2.12 +import QtQuick.Layouts 1.12 import "pages" -HomeForm { - menuButton.onClicked: drawer.visible = !drawer.visible +Page { + header: ToolBar { + background: Rectangle { + color: "#FAFFFFFF" + } + RowLayout { + anchors.fill: parent + spacing: 0 + ToolButton { + id: menuButton + Layout.rightMargin: 0 + Layout.preferredHeight: -1 + Layout.preferredWidth: -1 + padding: 0 + rightPadding: 0 + leftPadding: 0 + bottomPadding: 0 + topPadding: 0 + icon.name: "menu-button" + icon.source: "larva/components/icons/menu-24px.svg" + highlighted: true + onClicked: { + drawer.open() + } + } + Label { + text: contentView.currentItem.title + Layout.leftMargin: 16 + verticalAlignment: Text.AlignVCenter + horizontalAlignment: Text.AlignLeft + wrapMode: Text.WordWrap + font.family: "Work Sans" + font.weight: Font.Medium + font.pointSize: 20 + color: "#000000" + Layout.fillWidth: true - TaskList { - anchors.top: toolbar.bottom - } + } + } + } + footer: RowLayout { + RoundButton { + id: roundButton + width: 64 + height: 64 + Layout.alignment: Qt.AlignRight | Qt.AlignVCenter + Layout.minimumHeight: 64 + Layout.minimumWidth: 64 + display: AbstractButton.IconOnly + spacing: 8 + + padding: 16 + highlighted: true + + icon.name: "add-icon" + icon.source: "/assets/add-24px.svg" + } + } + + Drawer { + id: drawer + width: window.width * 0.8 + height: window.height + visible: false + } + + StackView { + id: contentView + anchors.fill: parent + initialItem: HomeForm {} + } +} + + +/*##^## +Designer { + D{i:0;autoSize:true;height:480;width:640} } +##^##*/ |