5c60a3c · unity8 · git.iko.soy

190// print("touchX changed", touchX)

191 coverFlip.progress = -(touchX - root.dragAreaWidth) / root.width

192 }

193+

193−// onDraggingChanged: {

194+ onDraggingChanged: {

194−// if (dragging) {

195+ if (!dragging) {

195−// coverFlip.visible = true

196+ coverFlip.snap();

196−// }

197+ }

197−// }

198+ }

198

199

199 Rectangle {

200 Rectangle {

200 anchors.fill: parent

201 anchors.fill: parent

210 visible: coverFlip.visible

211 visible: coverFlip.visible

211 }

212 }

212

213

214+ InputFilterArea {

215+ anchors.fill: root

216+ blockInput: coverFlip.visible

217+ }

218+// MouseArea {

219+// anchors.fill: root

220+// enabled: coverFlip.visible

221+// property int oldMouseX

222+

223+// onPressed: oldMouseX = mouseX

224+// onMouseXChanged: {

225+// coverFlip.progress += (oldMouseX - mouseX) * .001

226+// oldMouseX = mouseX

227+// }

228+// }

229+

213 Row {

230 Row {

214 id: coverFlip

231 id: coverFlip

215 height: parent.height

232 height: parent.height

221 property real minScale: .6

238 property real minScale: .6

222// onProgressChanged: print("CoverFlip progress changed", progress)

239// onProgressChanged: print("CoverFlip progress changed", progress)

223

240

241+ function snap() {

242+ if (coverFlip.progress < 0.25) {

243+ snapAnimation.targetProgress = 0

244+ } else if (coverFlip.progress < 0.75) {

245+ snapAnimation.targetProgress = 0.5

246+ } else {

247+ snapAnimation.targetProgress = 1;

248+ }

249+ snapAnimation.start();

250+ }

251+

252+ SequentialAnimation {

253+ id: snapAnimation

254+ property var targetProgress

255+

256+ UbuntuNumberAnimation {

257+ target: coverFlip

258+ properties: "progress"

259+ to: snapAnimation.targetProgress

260+ }

261+ ScriptAction {

262+ script: {

263+ if (snapAnimation.targetProgress == 0.5) {

264+ ApplicationManager.focusApplication(ApplicationManager.get(1).appId);

265+ coverFlip.progress = 0;

266+ }

267+ }

268+ }

269+ }

270+

224 Repeater {

271 Repeater {

225 model: ApplicationManager

272 model: ApplicationManager

226

273

234 source: ApplicationManager.get(index).screenshot

281 source: ApplicationManager.get(index).screenshot

235 scale: 1

282 scale: 1

236

283

284+ property real progress: coverFlip.progress

285+

237 transform: [

286 transform: [

238 Rotation {

287 Rotation {

239 origin { x: units.gu(5); y: height / 2 }

288 origin { x: units.gu(5); y: height / 2 }

242 var newAngle = 0;

291 var newAngle = 0;

243 switch (index) {

292 switch (index) {

244 case 0:

293 case 0:

245− if (coverFlip.progress < .5) {

294+ if (appImage.progress < .5) {

246− newAngle = coverFlip.progress * coverFlip.maxAngle;

295+ newAngle = appImage.progress * coverFlip.maxAngle;

247 } else {

296 } else {

248− newAngle = (coverFlip.progress - .5) * coverFlip.maxAngle * 2;

297+ newAngle = (appImage.progress - .5) * coverFlip.maxAngle * 2;

249 }

298 }

250 break;

299 break;

251 case 1:

300 case 1:

252− if (coverFlip.progress < .5) {

301+ if (appImage.progress < .5) {

253− newAngle = coverFlip.maxAngle - (coverFlip.progress * coverFlip.maxAngle * 2);

302+ newAngle = coverFlip.maxAngle - (appImage.progress * coverFlip.maxAngle * 2);

254 } else {

303 } else {

255− newAngle = (coverFlip.progress - .5) * coverFlip.maxAngle * 2;

304+ newAngle = (appImage.progress - .5) * coverFlip.maxAngle * 2;

256 }

305 }

257 break;

306 break;

258 default:

307 default:

259− newAngle = Math.min(coverFlip.progress, .75) * coverFlip.maxAngle;

308+ newAngle = Math.min(appImage.progress, .75) * coverFlip.maxAngle;

260 }

309 }

261 return Math.min(newAngle, coverFlip.maxAngle);

310 return Math.min(newAngle, coverFlip.maxAngle);

262 }

311 }

265 x: {

314 x: {

266 switch (index) {

315 switch (index) {

267 case 1:

316 case 1:

268− if (coverFlip.progress < .5) {

317+ if (appImage.progress < .5) {

269− return -root.width * coverFlip.progress;

318+ return -root.width * appImage.progress;

270− } else if (coverFlip.progress < .75) {

319+ } else if (appImage.progress < .75) {

271 // relation equation: x : width/2 = progress-.5 : 0.25

320 // relation equation: x : width/2 = progress-.5 : 0.25

272− return (-root.width * .5) + (root.width/2) * (coverFlip.progress - .5) / 0.25

321+ return (-root.width * .5) + (root.width/2) * (appImage.progress - .5) / 0.25

273 }

322 }

274 }

323 }

275 return 0;

324 return 0;

281 var scale = 1;

330 var scale = 1;

282 // progress : 1 = x : root.width

331 // progress : 1 = x : root.width

283 var progress = root.width / (root.width - x)

332 var progress = root.width / (root.width - x)

284− if (coverFlip.progress > .5) {

333+ if (appImage.progress > .5) {

285 // relation equation: scale : (1-minScale) = progress-.5 : 0.5

334 // relation equation: scale : (1-minScale) = progress-.5 : 0.5

286− scale = 1 - (1 - coverFlip.minScale) * (coverFlip.progress - 0.5) / 0.5

335+ scale = 1 - (1 - coverFlip.minScale) * (appImage.progress - 0.5) / 0.5

287 }

336 }

288 scale = Math.max(coverFlip.minScale, scale);

337 scale = Math.max(coverFlip.minScale, scale);

289− print("scaling to", scale)

290 return scale;

338 return scale;

291 }

339 }

292 yScale: xScale

340 yScale: xScale

293 }

341 }

294 ]

342 ]

343+

295 }

344 }

296− }

345+ MouseArea {

297− }

346+ anchors.fill: parent

298

347

299− }

300− InputFilterArea {

301− anchors.fill: root

302− blockInput: coverFlip.visible

303− }

304− MouseArea {

305− anchors.fill: root

306− enabled: coverFlip.visible

307− property int oldMouseX

348+ property int oldMouseX

349+

350+ onPressed: oldMouseX = mouseX

351+ onMouseXChanged: {

352+ coverFlip.progress += (oldMouseX - mouseX) * .001

353+ oldMouseX = mouseX

354+ }

355+

356+ onClicked: {

357+ print("clicked item", index)

358+ switchToAppAnimation.start();

359+ }

360+ }

308

361

309− onPressed: oldMouseX = mouseX

362+ SequentialAnimation {

310− onMouseXChanged: {

363+ id: switchToAppAnimation

311− coverFlip.progress += (oldMouseX - mouseX) * .001

364+ ParallelAnimation {

312− oldMouseX = mouseX

365+ UbuntuNumberAnimation { target: appImage; property: "progress"; to: 0 }

366+ UbuntuNumberAnimation { target: appImage; property: "x"; to: -width * index }

367+ }

368+ ScriptAction {

369+ script: {

370+ ApplicationManager.focusApplication(ApplicationManager.get(index).appId);

371+ coverFlip.progress = 0;

372+ appImage.x = 0;

373+ }

374+ }

375+

376+ }

377+ }

313 }

378 }

314 }

379 }

315}

380}