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
40
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
130
Kotlin and Spring boot a pleasant experience and some rough edges
karumi
0
74
kotlin for android developers
karumi
0
170
Dame tus tipos pegaso
karumi
0
110
One page product design
karumi
0
86
Version Control Systems for Researchers
karumi
1
230
Tensor flow for Android
karumi
0
110
Architecture Patterns in Practice with Kotlin
karumi
7
390
Kata Screenshot for Android & iOS
karumi
0
310
Other Decks in Technology
See All in Technology
『AWS Distinguished Engineerに学ぶ リトライの技術』 #ARC403/Marc Brooker on Try again: The tools and techniques behind resilient systems
quiver
0
130
開発スピードは上がっている…品質はどうする? スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
1
1.3k
SA Night #2 FinatextのSA思想/SA Night #2 Finatext session
satoshiimai
1
100
明日からできる!技術的負債の返済を加速するための実践ガイド~『ホットペッパービューティー』の事例をもとに~
recruitengineers
PRO
3
100
[2025-02-07]生成AIで変える問い合わせの未来 〜チームグローバル化の香りを添えて〜
tosite
1
290
転生CISOサバイバル・ガイド / CISO Career Transition Survival Guide
kanny
2
390
エンジニアのためのドキュメント力基礎講座〜構造化思考から始めよう〜(2025/02/15jbug広島#15発表資料)
yasuoyasuo
15
5.5k
家電アプリ共通PF "Linova" のAPI利用とPostman活用事例ご紹介
yukiogawa
0
130
インフラをつくるとはどういうことなのか、 あるいはPlatform Engineeringについて
nwiizo
5
2.1k
Developers Summit 2025 浅野卓也(13-B-7 LegalOn Technologies)
legalontechnologies
PRO
0
150
MC906491 を見据えた Microsoft Entra Connect アップグレード対応
tamaiyutaro
1
480
事業継続を支える自動テストの考え方
tsuemura
0
300
Featured
See All Featured
Writing Fast Ruby
sferik
628
61k
GitHub's CSS Performance
jonrohan
1030
460k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
99
18k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
KATA
mclloyd
29
14k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
29
4.6k
Building Adaptive Systems
keathley
40
2.4k
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