久しぶりのQt記事になります。前回マウスクリックで画像を移動するアプリを作りました。
今回はその動きにアニメーションを付け加えたいと思います。前回QMLに追加したStateGroup にtransitions という属性を追加します。
この記述をよく見ると分かるように、Stateの移り変わり（form "*" to "StateX"）で効果（easing.type）を指定しています。”State1”に移るときは OutBounce、"State2"に移るときはInElastic、最初の位置に戻るときはInExpo と指定しています。
さて、どんな動きになるのか動画で見てましょう。
なかなかしゃれた動きですね。こんなに簡単に効果を与えることができるなんてほんと便利です。Raspberry Pi で、早く試してみたいなぁ。（＾_＾）／～
関連記事
Qt のアプリケーションを作ってみる（４）
http://makers-with-myson.blog.so-net.ne.jp/2014-09-23
Qt のアプリケーションを作ってみる（３）
http://makers-with-myson.blog.so-net.ne.jp/2014-09-22
Qt のアプリケーションを作ってみる（２）
http://makers-with-myson.blog.so-net.ne.jp/2014-09-21
Qt のアプリケーションを作ってみる（１）
http://makers-with-myson.blog.so-net.ne.jp/2014-09-20
今回はその動きにアニメーションを付け加えたいと思います。前回QMLに追加したStateGroup にtransitions という属性を追加します。
この記述をよく見ると分かるように、Stateの移り変わり（form "*" to "StateX"）で効果（easing.type）を指定しています。”State1”に移るときは OutBounce、"State2"に移るときはInElastic、最初の位置に戻るときはInExpo と指定しています。
さて、どんな動きになるのか動画で見てましょう。
なかなかしゃれた動きですね。こんなに簡単に効果を与えることができるなんてほんと便利です。Raspberry Pi で、早く試してみたいなぁ。（＾_＾）／～
関連記事
Qt のアプリケーションを作ってみる（４）
http://makers-with-myson.blog.so-net.ne.jp/2014-09-23
Qt のアプリケーションを作ってみる（３）
http://makers-with-myson.blog.so-net.ne.jp/2014-09-22
Qt のアプリケーションを作ってみる（２）
http://makers-with-myson.blog.so-net.ne.jp/2014-09-21
Qt のアプリケーションを作ってみる（１）
http://makers-with-myson.blog.so-net.ne.jp/2014-09-20
Qt QuickではじめるクロスプラットフォームUIプログラミング
- 作者: 折戸孝行
- 出版社/メーカー: アスキー・メディアワークス
- 発売日: 2013/08/01
- メディア: 大型本
Application Development with Qt Creator
- 出版社/メーカー: Packt Publishing
- 発売日: 2013/11/20
- メディア: Kindle版