simple preview for android l

27
google I/O Polly chou

Upload: wen-chou

Post on 18-Dec-2014

90 views

Category:

Documents


2 download

DESCRIPTION

just a simple preview for android L

TRANSCRIPT

Page 1: Simple preview for android L

google I/OPolly chou

Page 2: Simple preview for android L

Material Design

New theme

New widgets

New APIs

Page 3: Simple preview for android L

Principles

Material is the metaphor

Bold, graphic, intentional

Motion provides meaning

Page 4: Simple preview for android L

Theme@android:style/

!

Theme.Material (dark version) !

Theme.Material.Light (light version) !

Theme.Material.Light.DarkActionBar

Page 5: Simple preview for android L

UI WidgetsRecyclerView

Page 6: Simple preview for android L

UI WidgetsRecyclerView

Page 7: Simple preview for android L

UI WidgetsRecyclerView !

notifyItemInserted(int position)

notifyItemRemoved(int position)

http://www.grokkingandroid.com/first-glance-androids-recyclerview/

Page 8: Simple preview for android L

UI WidgetsCardView

Page 9: Simple preview for android L

APIsShadows

Page 10: Simple preview for android L

APIsShadows !

View.setElevation

View.setTranslationZ

Page 11: Simple preview for android L

APIsAnimations

Touch feedback

Reveal effect

Activity transitions

Curved motion

View state changes

Page 12: Simple preview for android L

ART - Android Run Time

Page 13: Simple preview for android L

Runtime environment

Dalvik VM

ART

Page 14: Simple preview for android L

Dalvik VM 運⾏行⽅方式:bytecode 在每次運⾏行時,都需透過即時編譯器轉換為機器語⾔言

缺點:

執⾏行時間⻑⾧長

電池續航能⼒力差

系統性能差

優點:

安裝時間短

機器語⾔言佔⽤用的儲存空間⼩小

Page 15: Simple preview for android L

ART運⾏行⽅方式:app在第⼀一次安裝的時候, bytecode 就會 AOT (Ahead-Of-Timeapp)成機器語⾔言,使其成為 local app

缺點:

安裝時間⻑⾧長

機器語⾔言佔⽤用儲存空間⼤大

優點:

執⾏行時間減半

提升電池的續航能⼒力

提升系統的性能

Page 16: Simple preview for android L

Settings

Page 17: Simple preview for android L

Dalvik VM vs ART

Page 18: Simple preview for android L

Notifications

Form & Function

Lock Screen

MetaData

Watch

Page 19: Simple preview for android L

Form & Function

Page 20: Simple preview for android L

Notifications

Material theme !

bg - card, shadow

fg - dart text, actions

Page 21: Simple preview for android L

Notifications

Accent color !

setColor()

fills a circle

Page 22: Simple preview for android L

Notifications

Small icon badging

have largeIcon

placed on top

Page 23: Simple preview for android L

Notifications

Custom View

expanded views

else you want

Page 24: Simple preview for android L

Lock Screen

Page 25: Simple preview for android L

Public

Private

PublicVersion

Secret

Lock Screen

Page 26: Simple preview for android L

MetaData

Smart Sorting

Notification.category

Extra People

notification settings

Page 27: Simple preview for android L

Watch