From 1c65ffd0ff176eda1b1999e10e74bd94d94e4b58 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:34:19 +0800 Subject: Prepare grid card and comment out textTruncate --- Card.ui.qml | 58 ++++++++++++++++++++++++++++++++++------------------------ Home.ui.qml | 2 +- 2 files changed, 35 insertions(+), 25 deletions(-) diff --git a/Card.ui.qml b/Card.ui.qml index 26b3485..84c6689 100644 --- a/Card.ui.qml +++ b/Card.ui.qml @@ -6,18 +6,18 @@ 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.." +// 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: 51.2 + topMargin: 25.6 left: parent.left - leftMargin: 25.6 + leftMargin: 12.8 right: parent.right - rightMargin: 25.6 + rightMargin: 12.8 bottom: parent.bottom } @@ -28,6 +28,7 @@ Item { width: parent.width height: parent.width * 3 / 4 } + anchors.top: parent.top } Item { @@ -40,13 +41,14 @@ Item { Item { id: badgeAndFavorite - height: favorite.sourceSize.height + height: body.height / 6 anchors { top: parent.top + topMargin: 16 left: parent.left - leftMargin: 16 + leftMargin: 20 right: parent.right - rightMargin: 16 + rightMargin: 20 } Label { @@ -54,9 +56,12 @@ Item { text: badgeText font.pointSize:12 anchors { - verticalCenter: parent.verticalCenter + top: parent.top + topMargin: 5.6 left: parent.left - leftMargin: 8 + leftMargin: 10.4 + bottom: parent.bottom + leftMargin: 5.6 } } @@ -64,18 +69,20 @@ Item { id: favorite source: "Font-Awesome/svgs/solid/heart.svg" sourceSize { - width: 16 - height: 16 + width: height + height: parent.height / 1.5 } anchors { right: parent.right - rightMargin: 8 + verticalCenter: parent.verticalCenter } } + } Label { id: title + width: parent.width text: titleText wrapMode: Text.Wrap font { @@ -84,14 +91,14 @@ Item { } anchors { top: badgeAndFavorite.bottom - topMargin: 16 + topMargin: 8 left: parent.left - leftMargin: 16 + leftMargin: 20 right: parent.right - rightMargin: 16 + rightMargin: 20 } } - +/* Label { id: textTruncate text: textTruncateText @@ -100,15 +107,18 @@ Item { weight: Font.Light pointSize: 14 } + } +*/ + Item { + id: listInline + height: badgeAndFavorite.height anchors { top: title.bottom - topMargin: 16 - bottom: parent.bottom - bottomMargin: 16 + topMargin: 8 left: parent.left - leftMargin: 16 + leftMargin: 20 right: parent.right - rightMargin: 16 + rightMargin: 20 } } } @@ -116,7 +126,7 @@ Item { Item { id: footer width: parent.width - height: image.sourceSize.height / 4 + height: (parent.height - image.sourceSize.height) / 3 anchors.bottom: parent.bottom } } @@ -130,6 +140,6 @@ Item { anchors.fill: rectangle } - width: 300 - height: 480 + width: 323.9 + height: 446.583 } diff --git a/Home.ui.qml b/Home.ui.qml index 747fdbf..5956957 100644 --- a/Home.ui.qml +++ b/Home.ui.qml @@ -4,6 +4,6 @@ import QtQuick.Controls 2.15 GridView { cellWidth: width < 576 ? parent.width : width < 768 ? parent.width / 2 : width < 992 ? parent.width / 3 : parent.width / 4 - cellHeight: cellWidth * 1.6 + cellHeight: cellWidth * 1.3 ScrollBar.vertical: ScrollBar {} } -- cgit v1.2.3