@@ -25,20 +25,55 @@ LocalComponents.Page {
2525 customTitle: true
2626 lastPage: true
2727
28+ Component.onCompleted: {
29+ state = "reanchored";
30+ }
31+
32+ states: State {
33+ name: "reanchored"
34+ AnchorChanges { target: bgImage; anchors.top: parent.top; anchors.bottom: parent.bottom }
35+ AnchorChanges { target: column;
36+ anchors.verticalCenter: parent.verticalCenter;
37+ anchors.top: undefined
38+ }
39+ }
40+
41+ transitions: Transition {
42+ ParallelAnimation {
43+ AnchorAnimation {
44+ targets: [bgImage, column]
45+ duration: UbuntuAnimation.BriskDuration
46+ easing.type: Easing.OutCubic
47+ }
48+ NumberAnimation { // opacity animation
49+ targets: [bgImage,column]
50+ property: 'opacity'
51+ from: 0
52+ to: 1
53+ duration: UbuntuAnimation.BriskDuration
54+ }
55+ }
56+ }
57+
2858 Image {
59+ id: bgImage
2960 source: "data/Phone Splash Screen bkg.png"
30− anchors.fill: parent
3161 scale: Image.PreserveAspectFit
62+ anchors.left: parent.left
63+ anchors.right: parent.right
64+ anchors.bottom: parent.top // outside to let it slide down
65+ visible: opacity > 0
3266 }
3367
3468 Column {
3569 id: column
36− anchors.left: parent.left
37− anchors.right: parent.right
38− anchors.verticalCenter: parent.verticalCenter
3970 anchors.leftMargin: leftMargin
4071 anchors.rightMargin: rightMargin
72+ anchors.left: parent.left
73+ anchors.right: parent.right
74+ anchors.top: parent.bottom // outside to let it slide in
4175 spacing: units.gu(2)
76+ visible: opacity > 0
4277
4378 Label {
4479 id: welcomeLabel