Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Clase 2 (Tema 5 - Navigation Drawer)

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Adrián Catalán Adrián Catalán
October 24, 2013
Technology
0
72

Clase 2 (Tema 5 - Navigation Drawer)

Curso MOOC de Android en Telescopio (http://telescopio.galileo.edu)

Avatar for Adrián Catalán

Adrián Catalán

October 24, 2013
Tweet

More Decks by Adrián Catalán

See All by Adrián Catalán
Clase 2 (Tema 3 - Tabs)
Avatar for Adrián Catalán ykro
0
130
Clase 2 (Tema 4 - View Pager)
Avatar for Adrián Catalán ykro
0
82
Clase 3 (Tema 1 - CustomLayout)
Avatar for Adrián Catalán ykro
0
58
Clase 3 (Tema 2 - Dialogs)
Avatar for Adrián Catalán ykro
0
61
Clase 2 (Tema 2 - ActionBar y Menú)
Avatar for Adrián Catalán ykro
0
47
Clase 3 (Tema 3 - Cámara)
Avatar for Adrián Catalán ykro
0
49
Clase 3 (Tema 4 - Threads y API)
Avatar for Adrián Catalán ykro
0
40
Clase 3 (Tema 5 - Parse JSON)
Avatar for Adrián Catalán ykro
0
85
Clase 3 (Tema 6 - Notificaciones y Backend con Parse.com)
Avatar for Adrián Catalán ykro
0
130

Other Decks in Technology

See All in Technology
配列に見る bash と zsh の違い
Avatar for kazzpapa3 kazzpapa3
3
160
OpenShiftでllm-dを動かそう！
Avatar for jpishikawa jpishikawa
0
110
20260204_Midosuji_Tech
Avatar for Takuya Yonezawa takuyay0ne
1
160
Greatest Disaster Hits in Web Performance
Avatar for Estela Franco guaca
0
260
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
5
17k
OCI Database Management サービス詳細
Avatar for oracle4engineer oracle4engineer
PRO
1
7.4k
Embedded SREの終わりを設計する　「なんとなく」から計画的な自立支援へ
Avatar for SansanTech sansantech
PRO
3
2.5k
Amazon S3 Vectorsを使って資格勉強用AIエージェントを構築してみた
Avatar for usanchuu usanchuu
3
450
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
Avatar for AEON aeonpeople
6
2.5k
30万人の同時アクセスに耐えたい！新サービスの盤石なリリースを支える負荷試験 / SRE Kaigi 2026
Avatar for GENDA genda
4
1.3k
Bedrock PolicyでAmazon Bedrock Guardrails利用を強制してみた
Avatar for Yudai Jinno yuu551
0
240
学生・新卒・ジュニアから目指すSRE
Avatar for Hiroya Onoe hiroyaonoe
2
630

Featured

See All Featured
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
170
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
410
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
450
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
96
How to make the Groovebox
Avatar for あそなす asonas
2
1.9k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
8k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
190
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
93
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
890

Transcript

  1. CLASE 2: Navegación Adrián Catalán [email protected] @ykro

  2. NAVIGATION DRAWER Tema 5

  3. http://fav.me/d2ll788

  4. Navigation drawer •  Recurso de navegación que muestra un panel

    desde el lado izquierdo.

  5. Abrir haciendo click en el ícono

  6. Abrir haciendo swipe del lado izquierdo

  7. layout

  8. Inicializamos la lista del ND

  9. Layout para los elementos

  10. Al seleccionar un elemento cambiamos de fragmento

  11. Eventos de abrir/cerrar ND

  12. Al abrir el ND ocultamos íconos

  13. Permitimos el uso del ícono en Action bar

  14. Permitimos el uso del ícono en Action bar

  15. Más información •  Documentación oficial patrón de Navigation Drawer http://developer.android.com/design/

    patterns/navigation-drawer.html •  Documentación oficial guía de cómo crear un Navigation Drawer http://developer.android.com/training/ implementing-navigation/nav- drawer.html

  16. http://fav.me/d4b0qkd