sharing.qml Example File
particles/imageparticle/content/sharing.qml
import QtQuick 2.0
import QtQuick.Particles 2.0
Rectangle {
property real delegateHeight: 65
width: 200; height: 300
gradient: Gradient {
GradientStop { position: 0.0; color: "#EEEEFF" }
GradientStop { position: 1.0; color: "lightblue" }
}
Component {
id: petDelegate
Item {
id: wrapper
width: 200; height: delegateHeight
z: 10
Column {
Text {color: "white"; text: name; font.pixelSize: 18 }
Text {color: "white"; text: 'Type: ' + type; font.pixelSize: 14 }
Text {color: "white"; text: 'Age: ' + age; font.pixelSize: 14 }
}
MouseArea { anchors.fill: parent; onClicked: listView.currentIndex = index; }
states: State {
name: "Current"
when: wrapper.ListView.isCurrentItem
PropertyChanges { target: wrapper; x: 20 }
}
transitions: Transition {
NumberAnimation { properties: "x"; duration: 200 }
}
}
}
Component {
id: highlightBar
Rectangle {
z: 0
width: 200; height: delegateHeight
gradient: Gradient {
GradientStop { position: 0.0; color: "#99FF99" }
GradientStop { position: 1.0; color: "#88FF88" }
}
y: listView.currentItem.y;
Behavior on y { SpringAnimation { spring: 2; damping: 0.2 } }
ImageParticle {
anchors.fill: parent
system: particles
source: "../../images/flower.png"
color: "red"
clip: true
alpha: 1.0
}
}
}
ListView {
id: listView
width: 200; height: parent.height
model: petsModel
delegate: petDelegate
focus: true
highlight: highlightBar
highlightFollowsCurrentItem: false
ParticleSystem { id: particles }
Emitter {
system: particles
anchors.fill: parent
emitRate: 0
lifeSpan: 10000
size: 24
sizeVariation: 8
velocity: AngleDirection { angleVariation: 360; magnitude: 3 }
maximumEmitted: 10
startTime: 5000
Timer { running: true; interval: 10; onTriggered: parent.emitRate = 1; }
}
ImageParticle {
anchors.fill: parent
system: particles
source: "../../images/flower.png"
alpha: 0.1
color: "white"
rotationVariation: 180
z: -1
}
}
ListModel {
id: petsModel
ListElement {
name: "Polly"
type: "Parrot"
age: 12
size: "Small"
}
ListElement {
name: "Penny"
type: "Turtle"
age: 4
size: "Small"
}
ListElement {
name: "Warren"
type: "Rabbit"
age: 2
size: "Small"
}
ListElement {
name: "Spot"
type: "Dog"
age: 9
size: "Medium"
}
ListElement {
name: "Schr??dinger"
type: "Cat"
age: 2
size: "Medium"
}
ListElement {
name: "Joey"
type: "Kangaroo"
age: 1
size: "Medium"
}
ListElement {
name: "Kimba"
type: "Bunny"
age: 65
size: "Large"
}
ListElement {
name: "Rover"
type: "Dog"
age: 5
size: "Large"
}
ListElement {
name: "Tiny"
type: "Elephant"
age: 15
size: "Large"
}
}
}