13
Layout Performance 対決! 2012/10/04 adamrocker @CA Base Camp

Android Design Mini Session 10/04 2012

Embed Size (px)

DESCRIPTION

Android

Citation preview

Page 1: Android Design Mini Session 10/04 2012

Layout Performance対決!

2012/10/04 adamrocker @CA Base Camp

Page 2: Android Design Mini Session 10/04 2012

Self-introduction

Masahiko Adachi@adamrocker

Engineer at BaiduGoogle Developer Expert (Android)

Page 3: Android Design Mini Session 10/04 2012

Android Training

http://developer.android.com/training/improving-layouts/optimizing-layout.html

実際にやってみた

LinearLayoutよりRelativeLayoutのが構造をシンプルに出来てパフォーマンスとかイイよ

Page 4: Android Design Mini Session 10/04 2012

Sample Layout

TL的なレイアウトを作る

Page 5: Android Design Mini Session 10/04 2012

入門的なLinearLayout

Page 6: Android Design Mini Session 10/04 2012

入門的なLinearLayout

horizontalvertical horizontal

horizontal

Page 7: Android Design Mini Session 10/04 2012

LinearLayout structure

Page 8: Android Design Mini Session 10/04 2012

一歩上のRelativeLayout

RelativeLayout

alignParentTopalignParentLeft

toRightOfalignTop

toRightOfalignTop

alignParentRightalignParentTop

belowalignLeft

belowalignLeft toRightOf

alignBottom

Page 9: Android Design Mini Session 10/04 2012

RelativeLayout structure

SIMPLE !

Page 10: Android Design Mini Session 10/04 2012

Performanceon Emulator(JB)

14.37ms 6.72ms

Page 11: Android Design Mini Session 10/04 2012

Performanceon Galaxy Nexus(JB)

100, 500, 1000 items

!"!!

!1,000!!

!2,000!!

!3,000!!

!4,000!!

100! 500! 1000!

Linear! Rela2ve!

12%

20%

16%

468 411

21291696

3818

3212

Page 12: Android Design Mini Session 10/04 2012

Summary

ニャー ニャー

・LinearLayoutは使いやすいけど程々に・RelativeLayoutで代用できる場合はコッチ・RLならレイアウトがスッキリして見やすい・RLならLLより10%~20%ぐらい高速化できる

Page 13: Android Design Mini Session 10/04 2012

おわりありがとうござる