110 lines
3.2 KiB
QML
110 lines
3.2 KiB
QML
// Copyright (C) 2017 The Qt Company Ltd.
|
|
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
|
|
|
|
import QtQuick 2.0
|
|
|
|
Item {
|
|
property string name
|
|
property var notes
|
|
|
|
property real horizontalVelocity: 0
|
|
|
|
id: page
|
|
|
|
Image {
|
|
fillMode: Image.PreserveAspectCrop
|
|
clip: true
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: page.focus = false;
|
|
}
|
|
|
|
Item {
|
|
property font font
|
|
property color color
|
|
property int style
|
|
property color styleColor
|
|
objectName: page.name; x: 15; y: 8; height: 40; width: 370
|
|
font.pixelSize: 18; font.bold: true; color: "white"
|
|
style: Text.Outline; styleColor: "black"
|
|
}
|
|
|
|
Repeater {
|
|
model: page.notes
|
|
Item {
|
|
id: stickyPage
|
|
required property string noteText
|
|
|
|
property int randomX: Math.random() * (page.ListView.view.width-0.5*stickyImage.width) +100
|
|
property int randomY: Math.random() * (page.ListView.view.height-0.5*stickyImage.height) +50
|
|
|
|
x: randomX; y: randomY
|
|
|
|
rotation: -page.horizontalVelocity / 100
|
|
Behavior on rotation {
|
|
SpringAnimation { spring: 2.0; damping: 0.15 }
|
|
}
|
|
|
|
Item {
|
|
id: sticky
|
|
scale: 0.7
|
|
|
|
Image {
|
|
id: stickyImage
|
|
x: 8 + -width * 0.6 / 2; y: -20
|
|
source: "note-yellow.png"
|
|
scale: 0.6; transformOrigin: Item.TopLeft
|
|
}
|
|
|
|
Item {
|
|
property font font
|
|
property bool readOnly
|
|
property string text
|
|
id: myText
|
|
x: -104; y: 36; width: 215; height: 200
|
|
font.pixelSize: 24
|
|
readOnly: false
|
|
rotation: -8
|
|
text: stickyPage.noteText
|
|
}
|
|
|
|
Item {
|
|
x: stickyImage.x; y: -20
|
|
width: stickyImage.width * stickyImage.scale
|
|
height: stickyImage.height * stickyImage.scale
|
|
|
|
MouseArea {
|
|
id: mouse
|
|
anchors.fill: parent
|
|
drag.target: stickyPage
|
|
drag.minimumY: 0
|
|
drag.maximumY: page.height - 80
|
|
drag.minimumX: 100
|
|
drag.maximumX: page.width - 140
|
|
onClicked: myText.forceActiveFocus()
|
|
}
|
|
}
|
|
}
|
|
|
|
Image {
|
|
x: -width / 2; y: -height * 0.5 / 2
|
|
source: "tack.png"
|
|
scale: 0.7; transformOrigin: Item.TopLeft
|
|
}
|
|
|
|
states: State {
|
|
name: "pressed"
|
|
when: mouse.pressed
|
|
PropertyChanges { target: sticky; rotation: 8; scale: 1 }
|
|
PropertyChanges { target: page; z: 8 }
|
|
}
|
|
|
|
transitions: Transition {
|
|
NumberAnimation { properties: "rotation,scale"; duration: 200 }
|
|
}
|
|
}
|
|
}
|
|
}
|