Yes, I did it.

I also tried to do a simple animation with Qt Quick because some people tell me it's optimized for smooth transitions, but I get also a lot of "jumps" on the animation. Here is the code I used:

Qt Code:
  1. import QtQuick 1.1
  2.  
  3. Rectangle {
  4. id: window
  5. width: 960
  6. height: 360
  7. color: "#000000"
  8.  
  9. states : State {
  10. name: "left"
  11. PropertyChanges { target: item1; x: -962 }
  12. }
  13.  
  14. MouseArea {
  15. id: mouseArea
  16. onClicked: if (window.state == '') window.state = "left"; else window.state = ''
  17. anchors.fill: parent
  18. anchors.margins: -5 // Make MouseArea bigger than the rectangle, itself
  19. }
  20.  
  21. transitions: Transition {
  22. NumberAnimation { properties: "x"; easing.type: Easing.Linear; duration: 4000 }
  23. }
  24.  
  25. Item {
  26. id: item1
  27. x: 0
  28. y: 274
  29. width: 1923
  30. height: 86
  31.  
  32. Item {
  33. id: pos1
  34. x: 0
  35. y: 0
  36. width: 960
  37. height: 86
  38. smooth: false
  39. clip: false
  40.  
  41. Rectangle {
  42. id: rectangle3
  43. x: 0
  44. y: 0
  45. width: 960
  46. height: 41
  47. color: "#424242"
  48. radius: 5
  49. Text {
  50. id: text3
  51. x: 0
  52. y: 0
  53. width: 791
  54. height: 41
  55. color: "#ffffff"
  56. text: qsTr("Some Text")
  57. font.pixelSize: 40
  58. font.family: "Helvetica"
  59. horizontalAlignment: Text.AlignHCenter
  60. verticalAlignment: Text.AlignVCenter
  61. }
  62. }
  63.  
  64. Rectangle {
  65. id: rectangle4
  66. x: 0
  67. y: 45
  68. width: 960
  69. height: 41
  70. color: "#424242"
  71. radius: 5
  72. Text {
  73. id: text4
  74. x: 0
  75. y: 0
  76. width: 791
  77. height: 41
  78. color: "#ffffff"
  79. text: qsTr("Some Text")
  80. font.family: "Helvetica"
  81. font.pixelSize: 40
  82. horizontalAlignment: Text.AlignHCenter
  83. verticalAlignment: Text.AlignVCenter
  84. }
  85. }
  86. }
  87.  
  88. Item {
  89. id: pos2
  90. x: 962
  91. y: 0
  92. width: 959
  93. height: 86
  94. clip: false
  95. smooth: false
  96.  
  97. Rectangle {
  98. id: rectangle7
  99. x: 0
  100. y: 0
  101. width: 960
  102. height: 41
  103. color: "#424242"
  104. radius: 5
  105. Text {
  106. id: text7
  107. x: 0
  108. y: 0
  109. width: 960
  110. height: 41
  111. color: "#ffffff"
  112. text: qsTr("Some other text")
  113. font.family: "Helvetica"
  114. font.pixelSize: 40
  115. horizontalAlignment: Text.AlignHCenter
  116. verticalAlignment: Text.AlignVCenter
  117. }
  118. }
  119.  
  120. Rectangle {
  121. id: rectangle8
  122. x: 0
  123. y: 45
  124. width: 960
  125. height: 41
  126. color: "#424242"
  127. radius: 5
  128. Text {
  129. id: text8
  130. x: 0
  131. y: 0
  132. width: 960
  133. height: 41
  134. color: "#ffffff"
  135. text: qsTr("Some other text")
  136. font.family: "Helvetica"
  137. font.pixelSize: 40
  138. horizontalAlignment: Text.AlignHCenter
  139. verticalAlignment: Text.AlignVCenter
  140. }
  141. }
  142. }
  143. }
  144. }
To copy to clipboard, switch view to plain text mode