Use some PlasmaExtras, Title, Heading, animations, appbackground

All seem to behave correctly. Huzzah. :)
This commit is contained in:
Sebastian Kügler 2013-02-15 02:43:17 +01:00
parent e41d77f142
commit 64a396be18

View File

@ -20,6 +20,7 @@ import QtQuick 2.0
import org.kde.plasma.core 0.1 as PlasmaCore import org.kde.plasma.core 0.1 as PlasmaCore
import org.kde.plasma.components 0.1 as PlasmaComponents import org.kde.plasma.components 0.1 as PlasmaComponents
import org.kde.plasma.extras 0.1 as PlasmaExtras
import org.kde.qtextracomponents 0.1 as QtExtras import org.kde.qtextracomponents 0.1 as QtExtras
Item { Item {
@ -41,9 +42,9 @@ Item {
height: _h height: _h
currentTab: melPage currentTab: melPage
PlasmaComponents.TabButton { tab: pageOne; text: "Icons & Buttons"; iconSource: "edit-image-face-show"} PlasmaComponents.TabButton { tab: pageOne; iconSource: "preferences-desktop-icons"}
PlasmaComponents.TabButton { tab: pageTwo; text: "Plasmoid"; iconSource: "basket"} PlasmaComponents.TabButton { tab: pageTwo; iconSource: "plasma"}
PlasmaComponents.TabButton { tab: melPage; text: "MouseEventListener"; iconSource: "preferences-desktop-mouse"} PlasmaComponents.TabButton { tab: melPage; iconSource: "preferences-desktop-mouse"}
} }
PlasmaComponents.TabGroup { PlasmaComponents.TabGroup {
@ -66,10 +67,9 @@ Item {
anchors.fill: parent anchors.fill: parent
spacing: _s spacing: _s
PlasmaComponents.Label { PlasmaExtras.Title {
width: parent.width width: parent.width
text: "This is a <i>PlasmaComponent</i>" text: "This is a <i>PlasmaComponent</i>"
font.pointSize: 18
} }
PlasmaComponents.Label { PlasmaComponents.Label {
width: parent.width width: parent.width
@ -114,7 +114,8 @@ Item {
} }
} }
PlasmaComponents.Label { PlasmaExtras.Heading {
level: 4
width: parent.width width: parent.width
text: "Buttons" text: "Buttons"
} }
@ -143,7 +144,8 @@ Item {
id: pageTwo id: pageTwo
Column { Column {
anchors.centerIn: parent anchors.centerIn: parent
Text { PlasmaExtras.Heading {
level: 2
text: "I'm an applet" text: "I'm an applet"
} }
PlasmaComponents.Button { PlasmaComponents.Button {
@ -170,12 +172,13 @@ Item {
PlasmaComponents.Page { PlasmaComponents.Page {
id: melPage id: melPage
PlasmaComponents.Label { PlasmaExtras.Title {
id: mellabel id: mellabel
text: "MouseEventListener" text: "MouseEventListener"
anchors { left: parent.left; right: parent.right; top: parent.top } anchors { left: parent.left; right: parent.right; top: parent.top }
} }
QtExtras.MouseEventListener { QtExtras.MouseEventListener {
id: mel
hoverEnabled: true hoverEnabled: true
anchors { left: parent.left; right: parent.right; top: mellabel.bottom; bottom: parent.bottom; } anchors { left: parent.left; right: parent.right; top: mellabel.bottom; bottom: parent.bottom; }
/* /*
@ -213,6 +216,21 @@ Item {
print("Contains mouse: " + containsMouse); print("Contains mouse: " + containsMouse);
} }
MouseArea {
//target: mel
anchors.fill: parent
onPressed: PlasmaExtras.DisappearAnimation { targetItem: bgImage }
onReleased: PlasmaExtras.AppearAnimation { targetItem: bgImage }
}
Image {
id: bgImage
source: "image://appbackgrounds/standard"
fillMode: Image.Tile
anchors.fill: parent
asynchronous: true
// opacity: mel.containsMouse ? 1 : 0.2
// Behavior on opacity { PropertyAnimation {} }
}
Column { Column {
//width: parent.width //width: parent.width
spacing: _s spacing: _s