Dimensión de imagen de fondo para la cabecera del cajón de navegación
Básicamente me gustó el fondo utilizado por el Sr. Jonathan Lee para el encabezado de gavetas de navegación de nuevo en el enlace oficial de google http://www.google.com/design/spec/patterns/navigation-drawer.html#navigation-drawer-content
Así que quería reproducir algo similar inspirado por eso. Creo que necesito hacer un diseño similar en photoshop y fijarlo como la imagen de fondo. Pero la pregunta es, ¿cuáles deben ser las dimensiones y los píxeles para que coincida con diferentes tipos de dispositivos?
- Icono del menú izquierdo en la barra de acciones de Android
- Android Api 23 Cambiar Navegación Ver headerLayout textview
- ActionLayout para los elementos de la vista de navegación se muestra en el lado derecho
- Cómo agregar iconos adyacentes a los títulos de Android Navigation Drawer
- SoftInputMode en fragmentos
El enlace anterior tiene directrices para los iconos y los márgenes, pero no he visto ninguna de las dimensiones mencionadas para ese fondo.
¿Alguien tiene alguna idea o enlace que pueda ayudar?
- Adaptador personalizado para cajón de navegación
- ¿Cómo personalizar los elementos de menú en NavigationView como GMail App
- Esperando que el Cajón de Navegación se cierre antes de inicializar Fragmentos con el lazo vacío while
- ¿Cómo abrir un nuevo fragmento del cajón de navegación?
- No abra el cajón de navegación de forma predeterminada
- Gaveta de navegación (Google+ vs. YouTube)
- ¿Cómo puedo cambiar el tamaño de texto del elemento NavigationView?
- Elementos de menú de la bandeja de navegación seleccionados dentro de diferentes grupos
El ancho es:
Móvil:
Ancho = Ancho de la pantalla – 56 dp
Anchura máxima: 320dp
El ancho máximo sólo se aplica cuando se utiliza un navegador lateral a la izquierda. Cuando se utiliza un panel a la derecha, el panel puede cubrir todo el ancho de la pantalla.
http://www.google.com/design/spec/layout/structure.html#structure-side-nav
La altura está determinada por la relación de aspecto de la imagen que desea:
http://www.google.com/design/spec/layout/metrics-keylines.html#metrics-keylines-ratio-keylines
Probablemente 16: 9
Descomprimido un APK y esto es lo que he encontrado-
Mdpi- Anchura = 384 píxeles Altura = 216 píxeles Hdpi- Anchura = 576 píxeles Altura = 324 píxeles Xhdpi- Anchura = 768 píxeles Altura = 432 píxeles Xxhdpi- Width = 1152 píxeles Altura = 648 píxeles
Fuente de la imagen = Aplicación Google Newsstand, Herramienta = Adobe Photoshop 7.0
Yo recomendaría el uso de Adobe Illustrator, ya que funciona muy bien con el diseño de ui. La mayoría de los dispositivos móviles / tabletas tienen una anchura que varía de 320px – hasta 1080px y sigue aumentando a medida que se liberan nuevos teléfonos / tabletas. Gráficos vectoriales escalables funciona muy bien con la creación de prototipos ui layouts.
Compruebe hacia fuera: http://www.uxbooth.com/articles/considerations-for-mobile-design-part-2-dimensions/