From a76f7ffe8db83e39ef91d98c0958668437d64e1a 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: Mon, 26 Sep 2022 21:44:08 +0800 Subject: Rename Card to GridCard because there is another Card with a different design, which is ListCard --- Card.ui.qml | 145 -------------------------------------------------------- GridCard.ui.qml | 145 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 145 insertions(+), 145 deletions(-) delete mode 100644 Card.ui.qml create mode 100644 GridCard.ui.qml diff --git a/Card.ui.qml b/Card.ui.qml deleted file mode 100644 index 84c6689..0000000 --- a/Card.ui.qml +++ /dev/null @@ -1,145 +0,0 @@ -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.." - - 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 - } - - 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 { - top: parent.top - topMargin: 5.6 - left: parent.left - leftMargin: 10.4 - bottom: parent.bottom - leftMargin: 5.6 - } - } - - 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 - } - } - - DropShadow { - verticalOffset: 2 - radius: 2 - samples: 4 - source: rectangle - color: Qt.rgba(.113, .227, .325, .15) - anchors.fill: rectangle - } - - width: 323.9 - height: 446.583 -} diff --git a/GridCard.ui.qml b/GridCard.ui.qml new file mode 100644 index 0000000..84c6689 --- /dev/null +++ b/GridCard.ui.qml @@ -0,0 +1,145 @@ +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.." + + 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 + } + + 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 { + top: parent.top + topMargin: 5.6 + left: parent.left + leftMargin: 10.4 + bottom: parent.bottom + leftMargin: 5.6 + } + } + + 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 + } + } + + DropShadow { + verticalOffset: 2 + radius: 2 + samples: 4 + source: rectangle + color: Qt.rgba(.113, .227, .325, .15) + anchors.fill: rectangle + } + + width: 323.9 + height: 446.583 +} -- cgit v1.2.3