3d9e1dc · unity8 · git.iko.soy

1−/*

3− *

4− * This program is free software; you can redistribute it and/or modify

5− * it under the terms of the GNU General Public License as published by

6− * the Free Software Foundation; version 3.

7− *

8− * This program is distributed in the hope that it will be useful,

9− * but WITHOUT ANY WARRANTY; without even the implied warranty of

10− * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the

11− * GNU General Public License for more details.

12− *

13− * You should have received a copy of the GNU General Public License

14− * along with this program. If not, see <http://www.gnu.org/licenses/>.

15− */

16−

17−import QtQuick 2.0

18−import QtQuick.Window 2.0

19−import Ubuntu.Components 0.1

20−import "Components"

21−

22−Rectangle {

23− // white background when dash is shown to better match Dashes own background, making for

24− // a nicer rotation animation effect. If gives the illusion that the dash is always taking the entire

25− // screen during the rotation.

26− color: shell.dashShown ? "white" : "black"

27− id: orientedShell

28−

29− // this is only here to select the width / height of the window if not running fullscreen

30− property bool tablet: false

31− width: tablet ? units.gu(160) : applicationArguments.hasGeometry() ? applicationArguments.width() : units.gu(40)

32− height: tablet ? units.gu(100) : applicationArguments.hasGeometry() ? applicationArguments.height() : units.gu(71)

33−

34− // Hack to avoid animating during startup

35− property bool ready: false

36− Timer { id: readyTimer; interval: 50; onTriggered: ready = true }

37− Component.onCompleted: readyTimer.start()

38−

39− property int acceptedOrientationAngle: {

40− var screenOrientation = Screen.orientation;

41− var acceptedOrientation;

42−

43− if (screenOrientation & shell.supportedScreenOrientations) {

44− acceptedOrientation = screenOrientation;

45− } else {

46− // try orientations at -90, 90 and 180

47− switch (screenOrientation) {

48− case Qt.PortraitOrientation:

49− if (Qt.LandscapeOrientation & shell.supportedScreenOrientations) {

50− acceptedOrientation = Qt.LandscapeOrientation;

51− } else if (Qt.InvertedLandscapeOrientation & shell.supportedScreenOrientations) {

52− acceptedOrientation = Qt.InvertedLandscapeOrientation;

53− } else {

54− acceptedOrientation = Qt.InvertedPortraitOrientation;

55− }

56− break;

57− case Qt.InvertedPortraitOrientation:

58− if (Qt.LandscapeOrientation & shell.supportedScreenOrientations) {

59− acceptedOrientation = Qt.LandscapeOrientation;

60− } else if (Qt.InvertedLandscapeOrientation & shell.supportedScreenOrientations) {

61− acceptedOrientation = Qt.InvertedLandscapeOrientation;

62− } else {

63− acceptedOrientation = Qt.PortraitOrientation;

64− }

65− break;

66− case Qt.LandscapeOrientation:

67− if (Qt.PortraitOrientation & shell.supportedScreenOrientations) {

68− acceptedOrientation = Qt.PortraitOrientation;

69− } else if (Qt.InvertedPortraitOrientation & shell.supportedScreenOrientations) {

70− acceptedOrientation = Qt.InvertedPortraitOrientation;

71− } else {

72− acceptedOrientation = Qt.InvertedLandscapeOrientation;

73− }

74− break;

75− default: // Qt.InvertedLandscapeOrientation

76− if (Qt.PortraitOrientation & shell.supportedScreenOrientations) {

77− acceptedOrientation = Qt.PortraitOrientation;

78− } else if (Qt.InvertedPortraitOrientation & shell.supportedScreenOrientations) {

79− acceptedOrientation = Qt.InvertedPortraitOrientation;

80− } else {

81− acceptedOrientation = Qt.LandscapeOrientation;

82− }

83− break;

84− }

85− }

86−

87− return Screen.angleBetween(Screen.primaryOrientation, acceptedOrientation);

88− }

89−

90− state: acceptedOrientationAngle.toString()

91− states: [

92− State {

93− name: "0"

94− PropertyChanges {

95− target: shell

96− transformRotationAngle: 0

97− transformOriginX: orientedShell.width / 2

98− transformOriginY: orientedShell.width / 2

99− x: 0

100− y: 0

101− width: orientedShell.width

102− height: orientedShell.height

103− }

104− },

105− State {

106− name: "90"

107− PropertyChanges {

108− target: shell

109− transformRotationAngle: 90

110− transformOriginX: orientedShell.width / 2

111− transformOriginY: orientedShell.width / 2

112− x: 0

113− y: 0

114− width: orientedShell.height

115− height: orientedShell.width

116− }

117− },

118− State {

119− name: "180"

120− PropertyChanges {

121− target: shell

122− transformRotationAngle: 180

123− transformOriginX: orientedShell.width / 2

124− transformOriginY: orientedShell.width / 2

125− x: 0

126− y: orientedShell.height - orientedShell.width

127− width: orientedShell.width

128− height: orientedShell.height

129− }

130− },

131− State {

132− name: "270"

133− PropertyChanges {

134− target: shell

135− transformRotationAngle: -90

136− transformOriginX: orientedShell.height / 2

137− transformOriginY: orientedShell.height / 2

138− x: 0

139− y: 0

140− width: orientedShell.height

141− height: orientedShell.width

142− }

143− }

144− ]

145−

146−

147− property int rotationDuration: 450

148− property int rotationEasing: Easing.InOutCubic

149− // Those values are good for debugging/development

150− //property int rotationDuration: 6000

151− //property int rotationEasing: Easing.Linear

152−

153− transitions: [

154− Transition {

155− from: "90"

156− to: "0"

157− enabled: ready

158− SequentialAnimation {

159− ScriptAction { script: { windowScreenshot.take(); } }

160− PropertyAction { target: windowScreenshot; property: "visible"; value: true }

161− PropertyAction { target: shell; property: "width"; value: orientedShell.width }

162− PropertyAction { target: shell; property: "height"; value: orientedShell.height }

163− PropertyAction { target: shell; property: "transformRotationAngle"; value: 90 }

164− PropertyAction { target: shell; property: "transformOriginX"; value: orientedShell.width / 2 }

165− PropertyAction { target: shell; property: "transformOriginY"; value: orientedShell.width / 2 }

166− PropertyAction { target: windowScreenshot; property: "transformOriginX"; value: orientedShell.width / 2 }

167− PropertyAction { target: windowScreenshot; property: "transformOriginY"; value: orientedShell.width / 2 }

168− PropertyAction { target: windowScreenshot; property: "y"; value: 0 }

169− ParallelAnimation {

170− NumberAnimation { target: shell; property: "opacity"; from: 0; to: 1; duration: rotationDuration; easing.type: rotationEasing }

171− NumberAnimation { target: shell; property: "transformRotationAngle"; to: 0; duration: rotationDuration; easing.type: rotationEasing }

172−

173− NumberAnimation { target: windowScreenshot; property: "opacity"; from: 1; to: 0; duration: rotationDuration; easing.type: rotationEasing }

174− NumberAnimation { target: windowScreenshot; property: "transformRotationAngle"; from: 0; to: -90; duration: rotationDuration; easing.type: rotationEasing }

175− }

176− PropertyAction { target: windowScreenshot; property: "visible"; value: false }

177− ScriptAction { script: { windowScreenshot.discard(); } }

178− }

179− },

180− Transition {

181− from: "0"

182− to: "90"

183− enabled: ready

184− SequentialAnimation {

185− ScriptAction { script: { windowScreenshot.take(); } }

186− PropertyAction { target: windowScreenshot; property: "visible"; value: true }

187− PropertyAction { target: shell; property: "width"; value: orientedShell.height }

188− PropertyAction { target: shell; property: "height"; value: orientedShell.width }

189− PropertyAction { target: shell; property: "transformRotationAngle"; value: 0 }

190− PropertyAction { target: shell; property: "transformOriginX"; value: orientedShell.width / 2 }

191− PropertyAction { target: shell; property: "transformOriginY"; value: orientedShell.width / 2 }

192− PropertyAction { target: windowScreenshot; property: "transformOriginX"; value: orientedShell.width / 2 }

193− PropertyAction { target: windowScreenshot; property: "transformOriginY"; value: orientedShell.width / 2 }

194− PropertyAction { target: windowScreenshot; property: "y"; value: 0 }

195− ParallelAnimation {

196− NumberAnimation { target: shell; property: "opacity"; from: 0; to: 1; duration: rotationDuration; easing.type: rotationEasing }

197− NumberAnimation { target: shell; property: "transformRotationAngle"; to: 90; duration: rotationDuration; easing.type: rotationEasing }

198−

199− NumberAnimation { target: windowScreenshot; property: "opacity"; from: 1; to: 0; duration: rotationDuration; easing.type: rotationEasing }

200− NumberAnimation { target: windowScreenshot; property: "transformRotationAngle"; from: 0; to: 90; duration: rotationDuration; easing.type: rotationEasing }

201− }

202− PropertyAction { target: windowScreenshot; property: "visible"; value: false }

203− ScriptAction { script: { windowScreenshot.discard(); } }

204− }

205− },

206− Transition {

207− from: "0"

208− to: "270"

209− enabled: ready

210− SequentialAnimation {

211− ScriptAction { script: { windowScreenshot.take(); } }

212− PropertyAction { target: windowScreenshot; property: "visible"; value: true }

213− PropertyAction { target: shell; property: "width"; value: orientedShell.height }

214− PropertyAction { target: shell; property: "height"; value: orientedShell.width }

215− PropertyAction { target: shell; property: "transformRotationAngle"; value: 0 }

216− PropertyAction { target: shell; property: "transformOriginX"; value: orientedShell.height / 2 }

217− PropertyAction { target: shell; property: "transformOriginY"; value: orientedShell.height / 2 }

218− PropertyAction { target: windowScreenshot; property: "transformOriginX"; value: orientedShell.height / 2 }

219− PropertyAction { target: windowScreenshot; property: "transformOriginY"; value: orientedShell.height / 2 }

220− PropertyAction { target: windowScreenshot; property: "y"; value: 0 }

221− ParallelAnimation {

222− NumberAnimation { target: shell; property: "opacity"; from: 0; to: 1; duration: rotationDuration; easing.type: rotationEasing }

223− NumberAnimation { target: shell; property: "transformRotationAngle"; to: -90; duration: rotationDuration; easing.type: rotationEasing }

224−

225− NumberAnimation { target: windowScreenshot; property: "opacity"; from: 1; to: 0; duration: rotationDuration; easing.type: rotationEasing }

226− NumberAnimation { target: windowScreenshot; property: "transformRotationAngle"; from: 0; to: -90; duration: rotationDuration; easing.type: rotationEasing }

227− }

228− PropertyAction { target: windowScreenshot; property: "visible"; value: false }

229− ScriptAction { script: { windowScreenshot.discard(); } }

230− }

231− },

232− Transition {

233− from: "270"

234− to: "0"

235− enabled: ready

236− SequentialAnimation {

237− ScriptAction { script: { windowScreenshot.take(); } }

238− PropertyAction { target: windowScreenshot; property: "visible"; value: true }

239− PropertyAction { target: shell; property: "width"; value: orientedShell.width }

240− PropertyAction { target: shell; property: "height"; value: orientedShell.height }

241− PropertyAction { target: shell; property: "transformRotationAngle"; value: -90 }

242− PropertyAction { target: shell; property: "transformOriginX"; value: orientedShell.height / 2 }

243− PropertyAction { target: shell; property: "transformOriginY"; value: orientedShell.height / 2 }

244− PropertyAction { target: windowScreenshot; property: "transformOriginX"; value: orientedShell.height / 2 }

245− PropertyAction { target: windowScreenshot; property: "transformOriginY"; value: orientedShell.height / 2 }

246− PropertyAction { target: windowScreenshot; property: "y"; value: 0 }

247− ParallelAnimation {

248− NumberAnimation { target: shell; property: "opacity"; from: 0; to: 1; duration: rotationDuration; easing.type: rotationEasing }

249− NumberAnimation { target: shell; property: "transformRotationAngle"; to: 0; duration: rotationDuration; easing.type: rotationEasing }

250−

251− NumberAnimation { target: windowScreenshot; property: "opacity"; from: 1; to: 0; duration: rotationDuration; easing.type: rotationEasing }

252− NumberAnimation { target: windowScreenshot; property: "transformRotationAngle"; from: 0; to: 90; duration: rotationDuration; easing.type: rotationEasing }

253− }

254− PropertyAction { target: windowScreenshot; property: "visible"; value: false }

255− ScriptAction { script: { windowScreenshot.discard(); } }

256− }

257− },

258− Transition {

259− from: "90"

260− to: "180"

261− enabled: true

262− SequentialAnimation {

263− ScriptAction { script: { windowScreenshot.take(); } }

264− PropertyAction { target: windowScreenshot; property: "visible"; value: true }

265− PropertyAction { target: shell; property: "width"; value: orientedShell.width }

266− PropertyAction { target: shell; property: "height"; value: orientedShell.height }

267− PropertyAction { target: shell; property: "transformRotationAngle"; value: 90 }

268− PropertyAction { target: shell; property: "transformOriginX"; value: orientedShell.width / 2 }

269− PropertyAction { target: shell; property: "transformOriginY"; value: orientedShell.width / 2 }

270− PropertyAction { target: windowScreenshot; property: "transformOriginX"; value: orientedShell.width / 2 }

271− PropertyAction { target: windowScreenshot; property: "transformOriginY"; value: orientedShell.width / 2 }

272− PropertyAction { target: windowScreenshot; property: "y"; value: 0 }

273− ParallelAnimation {

274− NumberAnimation { target: shell; property: "opacity"; from: 0; to: 1; duration: rotationDuration; easing.type: rotationEasing }

275− NumberAnimation { target: shell; property: "transformRotationAngle"; to: 180; duration: rotationDuration; easing.type: rotationEasing }

276− NumberAnimation { target: shell; property: "y"; from: 0; to: orientedShell.height - orientedShell.width; duration: rotationDuration; easing.type: rotationEasing }

277−

278− NumberAnimation { target: windowScreenshot; property: "opacity"; from: 1; to: 0; duration: rotationDuration; easing.type: rotationEasing }

279− NumberAnimation { target: windowScreenshot; property: "transformRotationAngle"; from: 0; to: 90; duration: rotationDuration; easing.type: rotationEasing }

280− NumberAnimation { target: windowScreenshot; property: "y"; from: 0; to: orientedShell.height - orientedShell.width; duration: rotationDuration; easing.type: rotationEasing }

281− }

282− PropertyAction { target: windowScreenshot; property: "visible"; value: false }

283− ScriptAction { script: { windowScreenshot.discard(); } }

284− }

285− },

286− Transition {

287− from: "180"

288− to: "90"

289− enabled: true

290− SequentialAnimation {

291− ScriptAction { script: { windowScreenshot.take(); } }

292− PropertyAction { target: windowScreenshot; property: "visible"; value: true }

293− PropertyAction { target: shell; property: "width"; value: orientedShell.height }

294− PropertyAction { target: shell; property: "height"; value: orientedShell.width }

295− PropertyAction { target: shell; property: "transformRotationAngle"; value: 180 }

296− PropertyAction { target: shell; property: "transformOriginX"; value: orientedShell.width / 2 }

297− PropertyAction { target: shell; property: "transformOriginY"; value: orientedShell.width / 2 }

298− PropertyAction { target: windowScreenshot; property: "transformOriginX"; value: orientedShell.width / 2 }

299− PropertyAction { target: windowScreenshot; property: "transformOriginY"; value: orientedShell.height - (orientedShell.width / 2) }

300− PropertyAction { target: windowScreenshot; property: "y"; value: 0 }

301− ParallelAnimation {

302− NumberAnimation { target: shell; property: "opacity"; from: 0; to: 1; duration: rotationDuration; easing.type: rotationEasing }

303− NumberAnimation { target: shell; property: "transformRotationAngle"; to: 90; duration: rotationDuration; easing.type: rotationEasing }

304− NumberAnimation { target: shell; property: "y"; from: orientedShell.height - orientedShell.width; to: 0; duration: rotationDuration; easing.type: rotationEasing }

305−

306− NumberAnimation { target: windowScreenshot; property: "opacity"; from: 1; to: 0; duration: rotationDuration; easing.type: rotationEasing }

307− NumberAnimation { target: windowScreenshot; property: "transformRotationAngle"; from: 0; to: -90; duration: rotationDuration; easing.type: rotationEasing }

308− NumberAnimation { target: windowScreenshot; property: "y"; from: 0; to: -orientedShell.height + orientedShell.width; duration: rotationDuration; easing.type: rotationEasing }

309− }

310− PropertyAction { target: windowScreenshot; property: "visible"; value: false }

311− ScriptAction { script: { windowScreenshot.discard(); } }

312− }

313− },

314− Transition {

315− from: "180"

316− to: "270"

317− enabled: true

318− SequentialAnimation {

319− ScriptAction { script: { windowScreenshot.take(); } }

320− PropertyAction { target: windowScreenshot; property: "visible"; value: true }

321− PropertyAction { target: shell; property: "width"; value: orientedShell.height }

322− PropertyAction { target: shell; property: "height"; value: orientedShell.width }

323− PropertyAction { target: shell; property: "y"; value: orientedShell.height - orientedShell.width }

324− PropertyAction { target: shell; property: "transformRotationAngle"; value: 180 }

325− PropertyAction { target: shell; property: "transformOriginX"; value: orientedShell.width / 2 }

326− PropertyAction { target: shell; property: "transformOriginY"; value: orientedShell.width / 2 }

327− PropertyAction { target: windowScreenshot; property: "transformOriginX"; value: orientedShell.width / 2 }

328− PropertyAction { target: windowScreenshot; property: "transformOriginY"; value: orientedShell.height - (orientedShell.width / 2) }

329− PropertyAction { target: windowScreenshot; property: "y"; value: 0 }

330− ParallelAnimation {

331− NumberAnimation { target: shell; property: "opacity"; from: 0; to: 1; duration: rotationDuration; easing.type: rotationEasing }

332− NumberAnimation { target: shell; property: "transformRotationAngle"; to: 270; duration: rotationDuration; easing.type: rotationEasing }

333−

334− NumberAnimation { target: windowScreenshot; property: "opacity"; from: 1; to: 0; duration: rotationDuration; easing.type: rotationEasing }

335− NumberAnimation { target: windowScreenshot; property: "transformRotationAngle"; from: 0; to: 90; duration: rotationDuration; easing.type: rotationEasing }

336− }

337− PropertyAction { target: windowScreenshot; property: "visible"; value: false }

338− ScriptAction { script: { windowScreenshot.discard(); } }

339− }

340− },

341− Transition {

342− from: "270"

343− to: "180"

344− enabled: ready

345− SequentialAnimation {

346− ScriptAction { script: { windowScreenshot.take(); } }

347− PropertyAction { target: windowScreenshot; property: "visible"; value: true }

348− PropertyAction { target: shell; property: "width"; value: orientedShell.width }

349− PropertyAction { target: shell; property: "height"; value: orientedShell.height }

350− PropertyAction { target: shell; property: "y"; value: orientedShell.height - orientedShell.width }

351− PropertyAction { target: shell; property: "transformRotationAngle"; value: 270 }

352− PropertyAction { target: shell; property: "transformOriginX"; value: orientedShell.width / 2 }

353− PropertyAction { target: shell; property: "transformOriginY"; value: orientedShell.width / 2 }

354− PropertyAction { target: windowScreenshot; property: "transformOriginX"; value: orientedShell.width / 2 }

355− PropertyAction { target: windowScreenshot; property: "transformOriginY"; value: orientedShell.height - (orientedShell.width / 2) }

356− PropertyAction { target: windowScreenshot; property: "y"; value: 0 }

357− ParallelAnimation {

358− NumberAnimation { target: shell; property: "opacity"; from: 0; to: 1; duration: rotationDuration; easing.type: rotationEasing }

359− NumberAnimation { target: shell; property: "transformRotationAngle"; to: 180; duration: rotationDuration; easing.type: rotationEasing }

360−

361− NumberAnimation { target: windowScreenshot; property: "opacity"; from: 1; to: 0; duration: rotationDuration; easing.type: rotationEasing }

362− NumberAnimation { target: windowScreenshot; property: "transformRotationAngle"; from: 0; to: -90; duration: rotationDuration; easing.type: rotationEasing }

363− }

364− PropertyAction { target: windowScreenshot; property: "visible"; value: false }

365− ScriptAction { script: { windowScreenshot.discard(); } }

366− }

367− },

368− Transition {

369− from: "0"

370− to: "180"

371− enabled: ready

372− SequentialAnimation {

373− PropertyAction { target: shell; property: "y"; value: 0 }

374− PropertyAction { target: shell; property: "transformOriginX"; value: orientedShell.width / 2 }

375− PropertyAction { target: shell; property: "transformOriginY"; value: orientedShell.height / 2 }

376−

377− NumberAnimation { target: shell; property: "transformRotationAngle"; from: 0; to: 180; duration: rotationDuration; easing.type: rotationEasing }

378− }

379− },

380− Transition {

381− from: "180"

382− to: "0"

383− enabled: ready

384− SequentialAnimation {

385− PropertyAction { target: shell; property: "y"; value: 0 }

386− PropertyAction { target: shell; property: "transformOriginX"; value: orientedShell.width / 2 }

387− PropertyAction { target: shell; property: "transformOriginY"; value: orientedShell.height / 2 }

388−

389− NumberAnimation { target: shell; property: "transformRotationAngle"; from: 180; to: 0; duration: rotationDuration; easing.type: rotationEasing }

390− }

391− },

392− Transition {

393− from: "90"

394− to: "270"

395− enabled: ready

396− SequentialAnimation {

397− PropertyAction { target: shell; property: "x"; value: -(orientedShell.height - orientedShell.width) / 2 }

398− PropertyAction { target: shell; property: "y"; value: (orientedShell.height - orientedShell.width) / 2 }

399− PropertyAction { target: shell; property: "transformOriginX"; value: orientedShell.height / 2 }

400− PropertyAction { target: shell; property: "transformOriginY"; value: orientedShell.width / 2 }

401−

402− NumberAnimation { target: shell; property: "transformRotationAngle"; from: 90; to: 270; duration: rotationDuration; easing.type: rotationEasing }

403−

404− // Explicitly apply state "270" values as Qt doesn't seem to properly apply them after the transition is done

405− PropertyAction { target: shell; property: "x"; value: 0 }

406− PropertyAction { target: shell; property: "y"; value: 0 }

407− PropertyAction { target: shell; property: "transformOriginX"; value: orientedShell.height / 2 }

408− PropertyAction { target: shell; property: "transformOriginY"; value: orientedShell.height / 2 }

409− }

410− },

411− Transition {

412− from: "270"

413− to: "90"

414− enabled: ready

415− SequentialAnimation {

416− PropertyAction { target: shell; property: "x"; value: -(orientedShell.height - orientedShell.width) / 2 }

417− PropertyAction { target: shell; property: "y"; value: (orientedShell.height - orientedShell.width) / 2 }

418− PropertyAction { target: shell; property: "transformOriginX"; value: orientedShell.height / 2 }

419− PropertyAction { target: shell; property: "transformOriginY"; value: orientedShell.width / 2 }

420−

421− NumberAnimation { target: shell; property: "transformRotationAngle"; from: 270; to: 90; duration: rotationDuration; easing.type: rotationEasing }

422−

423− // Explicitly apply state "90" values as Qt doesn't seem to properly apply them after the transition is done

424− PropertyAction { target: shell; property: "x"; value: 0 }

425− PropertyAction { target: shell; property: "y"; value: 0 }

426− PropertyAction { target: shell; property: "transformOriginX"; value: orientedShell.width / 2 }

427− PropertyAction { target: shell; property: "transformOriginY"; value: orientedShell.width / 2 }

428− }

429− }

430− ]

431−

432− Shell {

433− id: shell

434− property real transformRotationAngle

435− property real transformOriginX

436− property real transformOriginY

437−

438− transform: Rotation {

439− origin.x: shell.transformOriginX; origin.y: shell.transformOriginY; axis { x: 0; y: 0; z: 1 }

440− angle: shell.transformRotationAngle

441− }

442− }

443−

444− WindowScreenshot {

445− id: windowScreenshot

446− visible: false

447− width: orientedShell.width

448− height: orientedShell.height

449−

450− property real transformRotationAngle

451− property real transformOriginX

452− property real transformOriginY

453−

454− transform: Rotation {

455− origin.x: windowScreenshot.transformOriginX; origin.y: windowScreenshot.transformOriginY; axis { x: 0; y: 0; z: 1 }

456− angle: windowScreenshot.transformRotationAngle

457− }

458− }

459−}