80 lines
2.0 KiB
QML
80 lines
2.0 KiB
QML
// Copyright (C) 2017 The Qt Company Ltd.
|
|
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
|
|
import QtQuick
|
|
|
|
Rectangle {
|
|
id: container
|
|
required property string name
|
|
required property string description
|
|
|
|
property Item exampleItem
|
|
width: ListView.view.width
|
|
height: col.implicitHeight + 22
|
|
|
|
signal clicked()
|
|
|
|
gradient: Gradient {
|
|
GradientStop {
|
|
position: 0
|
|
Behavior on color {ColorAnimation { duration: 100 }}
|
|
color: tapHandler.pressed ? "#e0e0e0" : "#fff"
|
|
}
|
|
GradientStop {
|
|
position: 1
|
|
Behavior on color {ColorAnimation { duration: 100 }}
|
|
color: tapHandler.pressed ? "#e0e0e0" : hoverHandler.hovered ? "#f5f5f5" : "#eee"
|
|
}
|
|
}
|
|
|
|
TapHandler {
|
|
id: tapHandler
|
|
onTapped: container.clicked()
|
|
}
|
|
HoverHandler {
|
|
id: hoverHandler
|
|
}
|
|
|
|
Image {
|
|
id: image
|
|
opacity: 0.7
|
|
Behavior on opacity {NumberAnimation {duration: 100}}
|
|
source: "images/next.png"
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 16
|
|
}
|
|
|
|
Column {
|
|
id: col
|
|
spacing: 2
|
|
anchors.left: parent.left
|
|
anchors.right:image.left
|
|
anchors.margins: 10
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
Text {
|
|
width: parent.width
|
|
text: container.name
|
|
color: "black"
|
|
font.pixelSize: 22
|
|
wrapMode: Text.WrapAtWordBoundaryOrAnywhere
|
|
styleColor: "white"
|
|
style: Text.Raised
|
|
}
|
|
Text {
|
|
width: parent.width
|
|
text: container.description
|
|
wrapMode: Text.WrapAtWordBoundaryOrAnywhere
|
|
color: "#666"
|
|
font.pixelSize: 12
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
height: 1
|
|
color: "#ccc"
|
|
anchors.bottom: parent.bottom
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
}
|
|
}
|