Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Material for old schoolers
Search
Karumi
June 21, 2016
Technology
0
46
Material for old schoolers
A revision about how to work with Material Design using the new Android APIs.
Karumi
June 21, 2016
Tweet
Share
More Decks by Karumi
See All by Karumi
A story of comics, neural networks, and Android!
karumi
0
140
Kotlin and Spring boot a pleasant experience and some rough edges
karumi
0
81
kotlin for android developers
karumi
0
200
Dame tus tipos pegaso
karumi
0
130
One page product design
karumi
0
110
Version Control Systems for Researchers
karumi
1
250
Tensor flow for Android
karumi
0
120
Architecture Patterns in Practice with Kotlin
karumi
7
400
Kata Screenshot for Android & iOS
karumi
0
330
Other Decks in Technology
See All in Technology
SQLAlchemy の select(User).where(User.id =="123") を理解してみる/sqlalchemy deep dive
3l4l5
1
160
個人でデジタル庁の デザインシステムをVue.jsで 作っている話
nishiharatsubasa
1
840
Claude Code Subagents 再入門 ~cc-sddの実装で学んだこと~
gotalab555
10
17k
ハノーファーメッセ2025で見た生成AI活用ユースケース.pdf
hamadakoji
0
370
Okta Identity Governanceで実現する最小権限の原則 / Implementing the Principle of Least Privilege with Okta Identity Governance
tatsumin39
0
160
事業開発におけるDify活用事例
kentarofujii
4
1.2k
JSConf JPのwebsiteをGatsbyからNext.jsに移行した話 - Next.jsの多言語静的サイトと課題
leko
2
180
「改善」ってこれでいいんだっけ?
ukigmo_hiro
0
400
RDS の負荷が高い場合に AWS で取りうる具体策 N 連発/a-series-of-specific-countermeasures-available-on-aws-when-rds-is-under-high-load
emiki
7
4.5k
Kubernetes self-healing of your workload
hwchiu
0
350
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
5
43k
だいたい分かった気になる 『SREの知識地図』 / introduction-to-sre-knowledge-map-book
katsuhisa91
PRO
3
1.2k
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
880
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Facilitating Awesome Meetings
lara
57
6.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
For a Future-Friendly Web
brad_frost
180
10k
Being A Developer After 40
akosma
91
590k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Transcript
Material for old schoolers Fernado Cejas - Souncloud aka Cejakas
@fernando_cejas
[email protected]
+FernandoCejas Jorge J. Barroso - Karumi aka Flipper83 @flipper83
[email protected]
+JorgeJBarroso
Material is cool
What happens with old schoolers
What google provides?
com.android.support:appcompat-v7 Themes ActionBar and ToolBar Transitions Widget Tinting
Styling Material <style name="BaseAppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <item name="colorPrimary">@color/theme_default_primary</item> <item name="colorPrimaryDark">@color/theme_default_primary_dark</item> <item
name="colorAccent">@color/theme_default_accent</item> <item name="colorControlHighlight">@color/theme_default_accent_light</item> </style>
Styling Material values/themes.xml ! <style name="AppTheme" parent="BaseAppTheme"> </style> ! values-21/themes.xml
! <style name="AppTheme" parent="BaseAppTheme"> <item name="android:windowContentTransitions">true</item> <item name="android:windowAllowEnterTransitionOverlap">true</item> <item name="android:windowAllowReturnTransitionOverlap">true</item> </style>
Be careful with some Samsung devices Proguard to the rescue!!!
Tint doesn’t work on custom views!!
com.android.support:recyclerview-v7 Bye Bye List view! Extends from RecyclerAdapter ViewHolder by
default Layout manager
com.android.support:recyclerview-v7 Change your dividers for ItemDecoration
com.android.support:recyclerview-v7 Change your headers and footers for ItemTypes.
com.android.support:recyclerview-v7 OnItemClick doesn’t exist any more, delegate click functionality to
view holders
com.android.support:recyclerview-v7 Add animations with ItemAnimator, it’s easy and it’s cool.
com.android.support:cardview-v7
com.android.support:palette-v7 Only in compat Check null Problems with some images
Toolbar vs ActionBar ToolBar is a viewGroup setSupportActionBar(); Extends from
ActionBarActivity Deactivate ActionBar via Theme
VectorDrawable vs ‘Font as icon’ You can use icon fonts
for reduce the number of assets on you app. Keep performance!!! please!!
Transitions ActivityOptionsCompat options = ActivityOptionsCompat. makeSceneTransitionAnimation((Activity) context, pairs); ! !
<style name="AppTheme" parent="BaseAppTheme"> <item name="android:windowContentTransitions">true</item> <item name="android:windowAllowEnterTransitionOverlap">true</item> <item name="android:windowAllowReturnTransitionOverlap">true</item> </style>
None
Bibliography https://developer.android.com/training/material/compatibility.html http://android-developers.blogspot.de/2014/10/implementing-material-design-in-your.html http://antonioleiva.com/material-design-everywhere/ http://www.slideshare.net/arueggeberg/material-design-and-backwards-compatibility https://github.com/navasmdc/MaterialDesignLibrary https://github.com/markushi/android-ui https://github.com/flipper83/transition-old-school
Q&A