Qt のアプリケーションを作ってみる(5) [ソフト一般]
久しぶりのQt記事になります。前回マウスクリックで画像を移動するアプリを作りました。
今回はその動きにアニメーションを付け加えたいと思います。前回QMLに追加したStateGroup にtransitions という属性を追加します。
この記述をよく見ると分かるように、Stateの移り変わり(form "*" to "StateX")で効果(easing.type)を指定しています。”State1”に移るときは OutBounce、"State2"に移るときはInElastic、最初の位置に戻るときはInExpo と指定しています。
さて、どんな動きになるのか動画で見てましょう。
なかなかしゃれた動きですね。こんなに簡単に効果を与えることができるなんてほんと便利です。Raspberry Pi で、早く試してみたいなぁ。(^_^)/~
関連記事
Qt のアプリケーションを作ってみる(4)
http://makers-with-myson.blog.so-net.ne.jp/2014-09-23
Qt のアプリケーションを作ってみる(3)
http://makers-with-myson.blog.so-net.ne.jp/2014-09-22
Qt のアプリケーションを作ってみる(2)
http://makers-with-myson.blog.so-net.ne.jp/2014-09-21
Qt のアプリケーションを作ってみる(1)
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 のアプリケーションを作ってみる(4)
http://makers-with-myson.blog.so-net.ne.jp/2014-09-23
Qt のアプリケーションを作ってみる(3)
http://makers-with-myson.blog.so-net.ne.jp/2014-09-22
Qt のアプリケーションを作ってみる(2)
http://makers-with-myson.blog.so-net.ne.jp/2014-09-21
Qt のアプリケーションを作ってみる(1)
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版
タグ:Qt
2014-10-03 23:55
nice!(28)
コメント(0)
トラックバック(0)
コメント 0