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
Android Material Design
Search
Raka Westu Mogandhi
October 23, 2015
Programming
0
930
Android Material Design
Implementing material design in Android using AppCompat and Design Support Library
Raka Westu Mogandhi
October 23, 2015
Tweet
Share
More Decks by Raka Westu Mogandhi
See All by Raka Westu Mogandhi
Cross Platform Development using Xamarin Forms
rakawm
0
3.2k
MVP Pattern for Android
rakawm
2
940
Code Documentation
rakawm
0
320
Other Decks in Programming
See All in Programming
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.3k
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
380
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
130
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
akihisaikeda
3
310
datadog dash 2025 LLM observability for reliability and stability
ivry_presentationmaterials
0
110
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
oukayuka
2
860
C++20 射影変換
faithandbrave
0
530
Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)
zsmb
1
210
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
150
都市をデータで見るってこういうこと PLATEAU属性情報入門
nokonoko1203
1
570
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
510
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
51
8.4k
Agile that works and the tools we love
rasmusluckow
329
21k
Git: the NoSQL Database
bkeepers
PRO
430
65k
GraphQLとの向き合い方2022年版
quramy
48
14k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
A Modern Web Designer's Workflow
chriscoyier
694
190k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.3k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Producing Creativity
orderedlist
PRO
346
40k
Transcript
Android Material Design using AppCompat and Design Support Library Raka
Westu Mogandhi Onebit Brownbag Session October 23th
App Structure
Key Components • App bar • Side Navigation View •
CardView • Floating Action Button
Toolbar/Appbar • Formerly known as the action bar. • Used
for branding, navigation, and most-used actions. •
Side Navigation View • Can be left or right. •
Mainly used for – Identity – Top level navigation
Cards • Displaying content composed of different elements.
Floating Action Button (FAB) • Used for promoted action. •
For Example – Add (on a list) – Play (on an music item)
Support Library AppCompat v7+ Design Library • Backward support to
API Level 7 (2.1) • Gradle usage: – compile 'com.android.support:appcompat-v7:23.1.0' – compile 'com.android.support:design:23.1.0' – compile 'com.android.support:cardview-v7:23.1.0' •
Why AppCompat? • Backward compatibility. • Consistent visual look across
OS version. • Default template in Android Studio (1.4+).
Example • https://github.com/rakawestu/android-material- example Material Design Guidelines: • http://www.google.com/design/spec/material-des ign/introduction.html