libqml/qml/SettingsPage.qml

0001 /* This file is part of the KDE project
0002  * SPDX-FileCopyrightText: 2012 Arjen Hiemstra <ahiemstra@heimr.nl>
0003  *
0004  * SPDX-License-Identifier: GPL-2.0-or-later
0005  */
0006
0007 import QtQuick 2.3
0008 import org.krita.sketch 1.0
0009 import org.krita.sketch.components 1.0
0010
0011 Page {
0012     DropShadow {
0013         anchors {
0014             top: parent.top;
0015             left: parent.left;
0016             right: parent.right;
0017         }
0018
0019         height: Constants.GridHeight;
0020         z: 10;
0021
0022         Header {
0023             text: "Settings";
0024
0025             leftArea: Button {
0026                 width: Constants.GridWidth;
0027                 height: Constants.GridHeight;
0028                 highlightColor: Constants.Theme.HighlightColor;
0029                 image: "./images/svg/icon-back.svg";
0030                 onClicked: pageStack.pop();
0031             }
0032         }
0033     }
0034
0035     CategorySwitcher {
0036         anchors.bottom: parent.bottom;
0037         height: Constants.GridHeight * 7;
0038
0039         categories: [ { name: "Display", page: displayPage }, { name: "Pressure", page: pressurePage } ];
0040     }
0041
0042     Component { id: displayPage; Page {
0043         Flickable {
0044             anchors.fill: parent;
0045             anchors.leftMargin: Constants.DefaultMargin;
0046
0047             contentWidth: width;
0048             contentHeight: content.height;
0049
0050             Flow {
0051                 id: content;
0052                 width: parent.width;
0053
0054                 Label { width: Constants.GridWidth * 6 - Constants.DefaultMargin * 2; text: "Background Color"; }
0055                 Button { width: Constants.GridWidth * 2; color: "#505050"; }
0056                 Label { width: parent.width; text: "Transparency Checkers"; }
0057                 Item { width: Constants.GridWidth; height: Constants.GridHeight }
0058                 Label { width: Constants.GridWidth * 5 - Constants.DefaultMargin * 2; text: "Size"; }
0059                 TextField { width: Constants.GridWidth * 2; text: "32px"; }
0060                 Item { width: Constants.GridWidth; height: Constants.GridHeight }
0061                 Label { width: Constants.GridWidth * 5 - Constants.DefaultMargin * 2; text: "Color"; }
0062                 Button { width: Constants.GridWidth * 2; color: "grey"; }
0063                 Item { width: Constants.GridWidth; height: Constants.GridHeight }
0064                 Label { width: Constants.GridWidth * 5; text: "Move when Scrolling"; }
0065             }
0066         }
0067     } }
0068     Component { id: pressurePage; Page { Label { anchors.centerIn: parent; text: "Pressure" } } }
0069 }