第12回 つ部ミーティング LT (2012.12.15)AndroidのアニメーションについてちょっとだけLT                                @fly1ncu
- 自己紹介 -           高木 翔一           @fly1ncu           名古屋市立大学 経済学部 4年           株式会社ディディアイディ                 簡単にARが作れるサービス...
訳あって、勉強会とかあんまり参加してませんでした。僕は1年間で、、、_人人人人人人人人人人_>   10kg太った ! < ̄^Y^Y^Y^Y^Y^Y^ ̄                      @fly1ncu
- 本題 -Androidのアニメーションについて                @fly1ncu
Androidのアニメーションはandroid.view.animationで実現していますなんとか5に負けない!!しかし、、、                            @fly1ncu
Issueandroid.view.animationは描画の位置を変えることでアニメーションを実現している!                  @fly1ncu
こんな感じのを準備した               Androidの画面               タップするとダイアログを表示               クリックすると左に移動するアニメーション               クリックすると...
Leftを押すと、、、               黒いのが左に移動します               しかし、、、Left   Right                             @fly1ncu
クリックしてもダイアログが出ない!               黒いのをクリックしても               ダイアログが出ません               アニメーション前の領域を               クリックするとダイアログ...
Pointアニメーションを使ってもクリック領域は変わらない            @fly1ncu
この状態でRightを押すと、、、               期待する動き               現在地から右に移動するLeft   Right                             @fly1ncu
しかし現実はつらい               実際の動き               1. まずLeftを押す前の位置に                瞬間移動しますLeft   Right                          ...
しかし現実はつらい               実際の動き               1. まずLeftを押す前の位置に                瞬間移動します               2. 右に移動するアニメーションが      ...
Point2回目以降のアニメーションは初期位置から始まる             @fly1ncu
Issueandroid.view.animationは描画の位置を変えることでアニメーションを実現している!ハマりどころ1. アニメーションを使ってもクリック領域は変わらない2. 2回目以降のアニメーションは初期位置から始まる        ...
対策1. AnimationListener#onAnimationEndを利用   して、アニメーション終了後にアニメー   ションと同じ効果を実装しておく。 アニメーションで移動させたらViewも移動させる。 アニメーションでViewを消し...
対策2. android.animationを使う!android.animationを使えばViewの実態ごと変更できる!                                @fly1ncu
@fly1ncu
対策2. android.animationを使う!android.animationを使えばViewの実態ごと変更できる!ただし、、、android.view.animation は API Level 1android.animation ...
まとめAndroid2.3以前ではandroid.view.animationの癖を気をつけるAndroidのアニメーションはAndroid3.0以降の普及(ハンドセットは4.0以降)によってそのうち救われるアニメーションをつけることでアプリの...
おしまい!検証コード :https://github.com/fly1ddid/android-animation-mysteryこのPPTは後で #tsubuで流します                                     ...
Upcoming SlideShare
Loading in …5
×

AndroidのアニメーションをちょっとだけLT

3,558 views
3,332 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,558
On SlideShare
0
From Embeds
0
Number of Embeds
1,530
Actions
Shares
0
Downloads
1
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

AndroidのアニメーションをちょっとだけLT

  1. 1. 第12回 つ部ミーティング LT (2012.12.15)AndroidのアニメーションについてちょっとだけLT @fly1ncu
  2. 2. - 自己紹介 - 高木 翔一 @fly1ncu 名古屋市立大学 経済学部 4年 株式会社ディディアイディ 簡単にARが作れるサービス とか作ってます @fly1ncu
  3. 3. 訳あって、勉強会とかあんまり参加してませんでした。僕は1年間で、、、_人人人人人人人人人人_> 10kg太った ! < ̄^Y^Y^Y^Y^Y^Y^ ̄ @fly1ncu
  4. 4. - 本題 -Androidのアニメーションについて @fly1ncu
  5. 5. Androidのアニメーションはandroid.view.animationで実現していますなんとか5に負けない!!しかし、、、 @fly1ncu
  6. 6. Issueandroid.view.animationは描画の位置を変えることでアニメーションを実現している! @fly1ncu
  7. 7. こんな感じのを準備した Androidの画面 タップするとダイアログを表示 クリックすると左に移動するアニメーション クリックすると右に移動するアニメーションLeft Right @fly1ncu
  8. 8. Leftを押すと、、、 黒いのが左に移動します しかし、、、Left Right @fly1ncu
  9. 9. クリックしてもダイアログが出ない! 黒いのをクリックしても ダイアログが出ません アニメーション前の領域を クリックするとダイアログ出た!Left Right @fly1ncu
  10. 10. Pointアニメーションを使ってもクリック領域は変わらない @fly1ncu
  11. 11. この状態でRightを押すと、、、 期待する動き 現在地から右に移動するLeft Right @fly1ncu
  12. 12. しかし現実はつらい 実際の動き 1. まずLeftを押す前の位置に 瞬間移動しますLeft Right @fly1ncu
  13. 13. しかし現実はつらい 実際の動き 1. まずLeftを押す前の位置に 瞬間移動します 2. 右に移動するアニメーションが 始まります。Left Right @fly1ncu
  14. 14. Point2回目以降のアニメーションは初期位置から始まる @fly1ncu
  15. 15. Issueandroid.view.animationは描画の位置を変えることでアニメーションを実現している!ハマりどころ1. アニメーションを使ってもクリック領域は変わらない2. 2回目以降のアニメーションは初期位置から始まる @fly1ncu
  16. 16. 対策1. AnimationListener#onAnimationEndを利用 して、アニメーション終了後にアニメー ションと同じ効果を実装しておく。 アニメーションで移動させたらViewも移動させる。 アニメーションでViewを消したらsetVisibity(View.GONE)もちろんにrunOnMainThreadを使わないとアプリが落ちます @fly1ncu
  17. 17. 対策2. android.animationを使う!android.animationを使えばViewの実態ごと変更できる! @fly1ncu
  18. 18. @fly1ncu
  19. 19. 対策2. android.animationを使う!android.animationを使えばViewの実態ごと変更できる!ただし、、、android.view.animation は API Level 1android.animation は API Level 11 (Android.3.0以上)使いたいときはBackportするライブラリを入れましょう @fly1ncu
  20. 20. まとめAndroid2.3以前ではandroid.view.animationの癖を気をつけるAndroidのアニメーションはAndroid3.0以降の普及(ハンドセットは4.0以降)によってそのうち救われるアニメーションをつけることでアプリのリッチ度がましたり、より分かりやすいUIを実現できたりなどのメリットがあると思います。Androidアプリもどんどんアニメーション実装してほしいなー @fly1ncu
  21. 21. おしまい!検証コード :https://github.com/fly1ddid/android-animation-mysteryこのPPTは後で #tsubuで流します @fly1ncu

×