SSブログ

Qt のアプリケーションを作ってみる(5) [ソフト一般]

久しぶりのQt記事になります。前回マウスクリックで画像を移動するアプリを作りました。


1_AddRectangles.png


今回はその動きにアニメーションを付け加えたいと思います。前回QMLに追加したStateGroup にtransitions という属性を追加します。


1_AddTransitions.png


この記述をよく見ると分かるように、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プログラミング

Qt QuickではじめるクロスプラットフォームUIプログラミング

  • 作者: 折戸孝行
  • 出版社/メーカー: アスキー・メディアワークス
  • 発売日: 2013/08/01
  • メディア: 大型本



Application Development with Qt Creator

Application Development with Qt Creator

  • 出版社/メーカー: Packt Publishing
  • 発売日: 2013/11/20
  • メディア: Kindle版



OpenGL Tutorials using Qt4

OpenGL Tutorials using Qt4

  • 出版社/メーカー: Omid Sakhi
  • 発売日: 2013/11/10
  • メディア: Kindle版




タグ:Qt
nice!(28)  コメント(0)  トラックバック(0) 

nice! 28

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0