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?
- Hacer clic en icono de hamburguesa en la barra de herramientas no abre Cajón de navegación
- Esperando que el Cajón de Navegación se cierre antes de inicializar Fragmentos con el lazo vacío while
- No se puede agregar pestañas dentro de Fragmento de cajón de navegación Android
- Android, DrawerLayout + Fragmentos + CollapsingToolbarLayout
- El botón de acción flotante aparece sobre el cajón de navegación
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?
- ¿Cómo crear un divisor simple en el nuevo NavigationView?
- Java.lang.NullPointerException: Intenta invocar el método virtual 'ActionBar.setNavigationMode (int)' en una referencia de objeto nulo
- Salir de la aplicación cuando presione el botón Atrás en actividad con múltiples fragmentos en el Gaveta de navegación
- ActionBarCompat + NavigationDrawerFragment no funciona en android 4.0 y 4.1
- Establecer el icono de NavigationDrawer en el lado derecho mediante el widget de la barra de herramientas de AppCompat-V-21
- Android.widget.RelativeLayout no se puede convertir en android.support.v7.widget.RecyclerView
- ¿Cómo abrir el submenú después de hacer clic en el elemento de menú en el cajón de navegación?
- Pestañas de la barra de acción con ViewPager con el cajón de navegación
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/