kirigami/tests/ShadowedRectangleTest.qml

0001 /*
0002  *  SPDX-FileCopyrightText: 2020 Arjen Hiemstra <ahiemstra@heimr.nl>
0003  *
0004  *  SPDX-License-Identifier: LGPL-2.0-or-later
0005  */
0006
0007 import QtQuick
0008 import QtQuick.Controls
0009
0010 import org.kde.kirigami as Kirigami
0011
0012 Kirigami.ApplicationWindow {
0013     width: 600
0014     height: 800
0015     visible: true
0016
0017     pageStack.initialPage: Kirigami.Page {
0018         leftPadding: 0
0019         rightPadding: 0
0020         topPadding: 0
0021         bottomPadding: 0
0022
0023         Column {
0024             anchors.centerIn: parent
0025
0026             Kirigami.ShadowedRectangle {
0027                 width: 400
0028                 height: 300
0029
0030                 color: Kirigami.Theme.highlightColor
0031
0032                 radius: radiusSlider.value
0033
0034                 shadow.size: sizeSlider.value
0035                 shadow.xOffset: xOffsetSlider.value
0036                 shadow.yOffset: yOffsetSlider.value
0037
0038                 border.width: borderWidthSlider.value
0039                 border.color: Kirigami.Theme.textColor
0040
0041                 corners.topLeftRadius: topLeftSlider.value
0042                 corners.topRightRadius: topRightSlider.value
0043                 corners.bottomLeftRadius: bottomLeftSlider.value
0044                 corners.bottomRightRadius: bottomRightSlider.value
0045             }
0046
0047             Kirigami.FormLayout {
0048                 Item { Kirigami.FormData.isSection: true }
0049
0050                 Slider { id: radiusSlider; from: 0; to: 200; Kirigami.FormData.label: "Overall Radius" }
0051                 Slider { id: topLeftSlider; from: -1; to: 200; value: -1; Kirigami.FormData.label: "Top Left Radius" }
0052                 Slider { id: topRightSlider; from: -1; to: 200; value: -1; Kirigami.FormData.label: "Top Right Radius" }
0053                 Slider { id: bottomLeftSlider; from: -1; to: 200; value: -1; Kirigami.FormData.label: "Bottom Left Radius" }
0054                 Slider { id: bottomRightSlider; from: -1; to: 200; value: -1; Kirigami.FormData.label: "Bottom Right Radius" }
0055
0056                 Slider { id: sizeSlider; from: 0; to: 100; Kirigami.FormData.label: "Shadow Size" }
0057                 Slider { id: xOffsetSlider; from: -100; to: 100; Kirigami.FormData.label: "Shadow X-Offset" }
0058                 Slider { id: yOffsetSlider; from: -100; to: 100; Kirigami.FormData.label: "Shadow Y-Offset" }
0059
0060                 Slider { id: borderWidthSlider; from: 0; to: 50; Kirigami.FormData.label: "Border Width" }
0061             }
0062         }
0063     }
0064 }