marcoallegretti/shift-shell
1
0
Fork 0
mirror of https://invent.kde.org/marcoa/shift-shell.git synced 2026-08-03 18:24:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

single scroll for the homescreen

Browse source
This commit is contained in:
Marco Martin 2015-02-24 16:26:17 +01:00
parent 6a22d1e3f6
commit 5e5f21a31e
2 changed files with 120 additions and 99 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
shell/contents/components/HomeLauncherSvg.qml
View file

@ -21,8 +21,7 @@ Item {
MouseArea { MouseArea {
anchors.fill: parent anchors.fill: parent
propagateComposedEvents: true propagateComposedEvents: true
drag.target: stripe
drag.axis: Drag.YAxis
onClicked: { onClicked: {
if (callback) { if (callback) {
callback(); callback();

216
shell/contents/views/Desktop.qml
View file

@ -39,6 +39,7 @@ MouseEventListener {
property Item wallpaper; property Item wallpaper;
property var pendingRemovals: []; property var pendingRemovals: [];
property int notificationId: 0; property int notificationId: 0;
property int buttonHeight: width/4
/* /*
Notificadtion data object has the following properties: Notificadtion data object has the following properties:
@ -89,7 +90,7 @@ MouseEventListener {
} }
onPressAndHold: { onPressAndHold: {
containment.action("configure").trigger(); // containment.action("configure").trigger();
} }
OfonoManager { OfonoManager {
@ -407,121 +408,142 @@ MouseEventListener {
colorGroup: PlasmaCore.Theme.ComplementaryColorGroup colorGroup: PlasmaCore.Theme.ComplementaryColorGroup
ListView {
id: notificationView
spacing: units.smallSpacing
anchors {
top: parent.top
bottom: stripe.top
left: parent.left
right: parent.right
bottomMargin: units.smallSpacing
}
z: 1
clip: true
verticalLayoutDirection: ListView.BottomToTop
model: notificationsModel
add: Transition {
NumberAnimation {
properties: "x"
from: notificationView.width
duration: 100
}
}
remove: Transition {
NumberAnimation {
properties: "x"
to: notificationView.width
duration: 500
}
NumberAnimation {
properties: "opacity"
to: 0
duration: 500
}
}
removeDisplaced: Transition {
SequentialAnimation {
PauseAnimation { duration: 600 }
NumberAnimation { properties: "x,y"; duration: 100 }
}
}
delegate: NotificationStripe {}
}
SatelliteStripe {
id: stripe
z: 1
PlasmaCore.Svg {
id: stripeIcons
imagePath: Qt.resolvedUrl("../images/homescreenicons.svg")
}
Row {
anchors.fill: parent
property int columns: 4
property alias buttonHeight: stripe.height
HomeLauncherSvg {
id: phoneIcon
svg: stripeIcons
elementId: "phone"
callback: function() {
dialerOverlay.open()
}
}
HomeLauncherSvg {
id: messagingIcon
svg: stripeIcons
elementId: "messaging"
callback: function() { console.log("Start messaging") }
}
HomeLauncherSvg {
id: emailIcon
svg: stripeIcons
elementId: "email"
callback: function() { console.log("Start email") }
}
HomeLauncherSvg {
id: webIcon
svg: stripeIcons
elementId: "web"
callback: function() { console.log("Start web") }
}
}
}
SatelliteComponents.ApplicationListModel { SatelliteComponents.ApplicationListModel {
id: appListModel id: appListModel
} }
Rectangle {
color: Qt.rgba(0, 0, 0, 0.7 * height / homescreen.height)
anchors {
left: parent.left
right: parent.right
bottom: parent.bottom
}
height: Math.min(applications.contentY + homescreen.height, homescreen.height)
}
Text {
text: applications.contentY
}
GridView { GridView {
id: applications id: applications
anchors { anchors {
top: stripe.bottom top: parent.top
bottom: parent.bottom bottom: parent.bottom
left: parent.left left: parent.left
right: parent.right right: parent.right
topMargin: units.smallSpacing
} }
z: 1 z: 1
cellWidth: stripe.height * 2 cellWidth: homescreen.buttonHeight
cellHeight: cellWidth cellHeight: cellWidth
model: appListModel model: appListModel
snapMode: GridView.SnapToRow snapMode: GridView.SnapToRow
clip: true clip: true
header: Item {
z: 999
width: homescreen.width
height: homescreen.height
ListView {
id: notificationView
spacing: units.smallSpacing
anchors {
bottom: parent.bottom
left: parent.left
right: parent.right
bottomMargin: stripe.height * 2
}
height: contentHeight
interactive: false
z: 1
verticalLayoutDirection: ListView.BottomToTop
model: notificationsModel
add: Transition {
NumberAnimation {
properties: "x"
from: notificationView.width
duration: 100
}
}
remove: Transition {
NumberAnimation {
properties: "x"
to: notificationView.width
duration: 500
}
NumberAnimation {
properties: "opacity"
to: 0
duration: 500
}
}
removeDisplaced: Transition {
SequentialAnimation {
PauseAnimation { duration: 600 }
NumberAnimation { properties: "x,y"; duration: 100 }
}
}
delegate: NotificationStripe {}
}
SatelliteStripe {
id: stripe
z: 99
y: Math.max(applications.contentY + parent.height, parent.height - height - statusPanel.height)
PlasmaCore.Svg {
id: stripeIcons
imagePath: Qt.resolvedUrl("../images/homescreenicons.svg")
}
Row {
anchors.fill: parent
property int columns: 4
property alias buttonHeight: stripe.height
HomeLauncherSvg {
id: phoneIcon
svg: stripeIcons
elementId: "phone"
callback: function() {
dialerOverlay.open()
}
}
HomeLauncherSvg {
id: messagingIcon
svg: stripeIcons
elementId: "messaging"
callback: function() { console.log("Start messaging") }
}
HomeLauncherSvg {
id: emailIcon
svg: stripeIcons
elementId: "email"
callback: function() { console.log("Start email") }
}
HomeLauncherSvg {
id: webIcon
svg: stripeIcons
elementId: "web"
callback: function() { console.log("Start web") }
}
}
}
}
delegate: HomeLauncher {} delegate: HomeLauncher {}
Component.onCompleted : { console.log("WTF " + width) } Component.onCompleted : { console.log("WTF " + width) }
} }
} }