From 2bc8b1d8351e037dc5accb8e4f18228191159551 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=A6=8C=EA=A6=AB=EA=A6=B6=EA=A6=8F=EA=A7=80=EA=A6=A6?= =?UTF-8?q?=EA=A6=BF=EA=A6=A7=EA=A6=AE=EA=A6=91=EA=A6=A9=EA=A6=AD=EA=A7=80?= Date: Tue, 27 Sep 2022 07:31:56 +0800 Subject: Rename again for consistencies/conventions/clarity --- GridCardItem.ui.qml | 146 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 146 insertions(+) create mode 100644 GridCardItem.ui.qml (limited to 'GridCardItem.ui.qml') diff --git a/GridCardItem.ui.qml b/GridCardItem.ui.qml new file mode 100644 index 0000000..64b1dc8 --- /dev/null +++ b/GridCardItem.ui.qml @@ -0,0 +1,146 @@ +import QtQuick 2.15 +import QtQuick.Controls 2.15 +import QtGraphicalEffects 1.15 + +Item { + property string imageSource: "Darapsa.svg" + property string badgeText: "Beginner" + property string titleText: "Sketch from A to Z: for app designer" +// property string textTruncateText: "Rooms oh fully taken by worse do. Points afraid but may end afraid but.." + + DropShadow { + source: rectangle + color: Qt.rgba(.113, .227, .325, .15) + anchors.fill: rectangle + } + + Rectangle { + id: rectangle + radius: 10 + anchors { + top: parent.top + topMargin: 25.6 + left: parent.left + leftMargin: 12.8 + right: parent.right + rightMargin: 12.8 + bottom: parent.bottom + } + + Image { + id: image + source: imageSource + sourceSize { + width: parent.width + height: parent.width * 3 / 4 + } + anchors.top: parent.top + layer.enabled: true + layer.effect: OpacityMask { + maskSource: Rectangle { + width: image.width + height: image.height + radius: 10 + } + } + } + + Item { + id: body + width: parent.width + anchors { + top: image.bottom + bottom: footer.top + } + + Item { + id: badgeAndFavorite + height: body.height / 6 + anchors { + top: parent.top + topMargin: 16 + left: parent.left + leftMargin: 20 + right: parent.right + rightMargin: 20 + } + + Label { + id: badge + text: badgeText + font.pointSize:12 + anchors { + left: parent.left + verticalCenter: parent.verticalCenter + } + } + + Image { + id: favorite + source: "Font-Awesome/svgs/solid/heart.svg" + sourceSize { + width: height + height: parent.height / 1.5 + } + anchors { + right: parent.right + verticalCenter: parent.verticalCenter + } + } + + } + + Label { + id: title + width: parent.width + text: titleText + wrapMode: Text.Wrap + font { + weight: Font.Medium + pointSize: 20 + } + anchors { + top: badgeAndFavorite.bottom + topMargin: 8 + left: parent.left + leftMargin: 20 + right: parent.right + rightMargin: 20 + } + } +/* + Label { + id: textTruncate + text: textTruncateText + wrapMode: Text.Wrap + font { + weight: Font.Light + pointSize: 14 + } + } +*/ + Item { + id: listInline + height: badgeAndFavorite.height + anchors { + top: title.bottom + topMargin: 8 + left: parent.left + leftMargin: 20 + right: parent.right + rightMargin: 20 + } + } + } + + Item { + id: footer + width: parent.width + height: (parent.height - image.sourceSize.height) / 3 + anchors.bottom: parent.bottom + } + } + + width: 323.9 + height: 446.583 +} -- cgit v1.2.3