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
Ask! NIKKEI RAG検索技術の深層
hotchpotch
13
2.8k
データの品質が低いと何が困るのか
kzykmyzw
6
1k
生成AIの利活用を加速させるための取り組み「prAIrie-dog」/ Shibuya_AI_1
visional_engineering_and_design
1
140
第13回 Data-Centric AI勉強会, 画像認識におけるData-centric AI
ksaito_osx
0
360
サーバーレスアーキテクチャと生成AIの融合 / Serverless Meets Generative AI
_kensh
12
3k
Moved to https://speakerdeck.com/toshihue/presales-engineer-career-bridging-tech-biz-ja
toshihue
2
550
Developer Summit 2025 [14-D-1] Yuki Hattori
yuhattor
19
5.1k
地方拠点で エンジニアリングマネージャーってできるの? 〜地方という制約を楽しむオーナーシップとコミュニティ作り〜
1coin
1
130
君はPostScriptなウィンドウシステム 「NeWS」をご存知か?/sunnews
koyhoge
0
720
2.5Dモデルのすべて
yu4u
2
610
[2025-02-07]生成AIで変える問い合わせの未来 〜チームグローバル化の香りを添えて〜
tosite
1
290
トラシューアニマルになろう ~開発者だからこそできる、安定したサービス作りの秘訣~
jacopen
2
1.5k
Featured
See All Featured
Building Your Own Lightsaber
phodgson
104
6.2k
Producing Creativity
orderedlist
PRO
343
39k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
What's in a price? How to price your products and services
michaelherold
244
12k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
Writing Fast Ruby
sferik
628
61k
Docker and Python
trallard
44
3.3k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
29
2.2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
99
18k
A better future with KSS
kneath
238
17k
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