kirigami/tests/ShadowedImageTest.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.ShadowedImage {
0027                 width: 400
0028                 height: 300
0029
0030                 color: Kirigami.Theme.highlightColor
0031
0032                 source: "/usr/share/wallpapers/Next/contents/images/1024x768.jpg"
0033
0034                 radius: radiusSlider.value
0035
0036                 shadow.size: sizeSlider.value
0037                 shadow.xOffset: xOffsetSlider.value
0038                 shadow.yOffset: yOffsetSlider.value
0039
0040                 border.width: borderWidthSlider.value
0041                 border.color: Kirigami.Theme.textColor
0042
0043                 corners.topLeftRadius: topLeftSlider.value
0044                 corners.topRightRadius: topRightSlider.value
0045                 corners.bottomLeftRadius: bottomLeftSlider.value
0046                 corners.bottomRightRadius: bottomRightSlider.value
0047             }
0048
0049             Kirigami.FormLayout {
0050                 Item { Kirigami.FormData.isSection: true }
0051
0052                 Slider { id: radiusSlider; from: 0; to: 200; Kirigami.FormData.label: "Overall Radius" }
0053                 Slider { id: topLeftSlider; from: -1; to: 200; value: -1; Kirigami.FormData.label: "Top Left Radius" }
0054                 Slider { id: topRightSlider; from: -1; to: 200; value: -1; Kirigami.FormData.label: "Top Right Radius" }
0055                 Slider { id: bottomLeftSlider; from: -1; to: 200; value: -1; Kirigami.FormData.label: "Bottom Left Radius" }
0056                 Slider { id: bottomRightSlider; from: -1; to: 200; value: -1; Kirigami.FormData.label: "Bottom Right Radius" }
0057
0058                 Slider { id: sizeSlider; from: 0; to: 100; Kirigami.FormData.label: "Shadow Size" }
0059                 Slider { id: xOffsetSlider; from: -100; to: 100; Kirigami.FormData.label: "Shadow X-Offset" }
0060                 Slider { id: yOffsetSlider; from: -100; to: 100; Kirigami.FormData.label: "Shadow Y-Offset" }
0061
0062                 Slider { id: borderWidthSlider; from: 0; to: 50; Kirigami.FormData.label: "Border Width" }
0063             }
0064         }
0065     }
0066 }