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

Clase 2 (Tema 5 - Navigation Drawer)

Avatar for Adrián Catalán Adrián Catalán
October 24, 2013
Technology
0
69

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
78
Clase 3 (Tema 1 - CustomLayout)
Avatar for Adrián Catalán ykro
0
57
Clase 3 (Tema 2 - Dialogs)
Avatar for Adrián Catalán ykro
0
58
Clase 2 (Tema 2 - ActionBar y Menú)
Avatar for Adrián Catalán ykro
0
46
Clase 3 (Tema 3 - Cámara)
Avatar for Adrián Catalán ykro
0
47
Clase 3 (Tema 4 - Threads y API)
Avatar for Adrián Catalán ykro
0
37
Clase 3 (Tema 5 - Parse JSON)
Avatar for Adrián Catalán ykro
0
82
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
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
4
210
「Chatwork」の認証基盤の移行とログ活用によるプロダクト改善
Avatar for kubell kubell_hr
1
240
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 完全版 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming - Expanded
Avatar for HASEGAWA Tomoki tomzoh
4
3.4k
CursorによるPMO業務の代替 / Automating PMO Tasks with Cursor
Avatar for Motoyoshi Kosei motoyoshi_kakaku
2
890
Lambda Web Adapterについて自分なりに理解してみた
Avatar for Makky12 smt7174
5
150
20250625 Snowflake Summit 2025活用事例 レポート / Nowcast Snowflake Summit 2025 Case Study Report
Avatar for K.Osawa kkuv
1
400
AIとともに進化するエンジニアリング / Engineering-Evolving-with-AI_final.pdf
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
150
PHPでWebブラウザのレンダリングエンジンを実装する
Avatar for ディップ株式会社 dip_tech
PRO
0
220
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
Avatar for 三菱UFJインフォメーションテクノロジー株式会社 muit
1
12k
United Airlines Customer Service– Call 1-833-341-3142 Now!
Avatar for vivankilkenny548+imnfc airhelp
0
120
How Community Opened Global Doors
Avatar for hiroramos hiroramos4
PRO
1
140
ドメイン特化なCLIPモデルとデータセットの紹介
Avatar for tattaka tattaka
2
560

Featured

See All Featured
Scaling GitHub
Avatar for Zach Holman holman
459
140k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
48
5.4k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
5
250
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.5k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
2.9k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
270
21k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.6k

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