3 PRINCIPIOS DE ANDROID CONSIDERACIONES DE DISEÑO Y RECURSOS ALTERNATIVOS

PRINCIPIOS
 DE
 ANDROID
 
CONSIDERACIONES
 DE
 DISEÑO
 Y
 
RECURSOS
 ALTERNATIVOS
 
Ing.
 LEANDRO
 FLÓREZ
 ARISTIZÁBAL
 
lxexpxe@gmail.com
 
learis0zabal@admon.uniajc.edu.co
 
@lxexpxe
 

Unidades
 de
 medida
 
En
 el
 ejemplo
 anterior,
 vemos
 como
 conociendo
 el
 
ancho
  y
  alto
  de
  la
  pantalla
  (en
  pixeles)
 podemos
 
hacernos
  una
  idea
  de
  cómo
  luciría
  un
  View
 
especificando
 su
 tamaño
 (también
 en
 pixeles),
 pero
 
¿Qué
  sucede
  si
  nuestra
  aplicación
  es
  instalada
  en
 
un
 disposi0vo
 con
 una
 pantalla
 de
 dis0nto
 tamaño
 
y
 densidad?
 Pues
 el
 tamaño
 especificado
 en
 pixeles
 
seguirá
 siendo
  el
  mismo,
  pero
  no
  guardará
  las
 
proporciones
 de
 diseño
 inicial.
 
 

 

Unidades
 de
 medida
 

En
 este
 ejemplo
 el
 botón
 es
 de
 
120px
 (La
 mitad
 de
 la
 pantalla)
 

 

Unidades
 de
 medida
 

En
 este
 ejemplo
 el
 botón
 es
 de
 
120px
 (La
 mitad
 de
 la
 pantalla)
  

120
 px
 

240
 px
 

Unidades
 de
 medida
 
120
 px
 

800
 px
 

Al
 instalar
 la
 App
 en
 una
 Tablet
 
de
 7”
 el
 botón
 sigue
 siendo
 de
 
120px
 (Pero
 no
 ocupa
 la
 mitad
 
de
 la
 pantalla).
 Se
 ha
 perdido
 la
 
proporción
 del
 diseño
 inicial
 

 

Soporte
 para
 Pantallas
 
(Términos y
 Conceptos)
 

•  Tamaño
  de
  pantalla
  (Screen
  Size):
  Tamaño
  Ysico
  real
  de
  la
 
pantalla
 medido
 en
 su
 diagonal.
 
Por
 simplicidad,
 Android
 agrupa
 todas
 las
 pantallas
 en
 
 
4
 grupos
 generalizados:
 

 
•  Pequeño
 (small)
 
•  Normal
 (Normal)
 
•  Grande
 (Large)
 
•  Extra
 Grande
 (Extra Large)
 

Soporte
 para
 Pantallas
 
(Términos
 y
 Conceptos)
 

•  Densidad
 de
 pantalla
 (Screen
 Density):
 Can0dad
 de
 pixeles
 dentro
 
de
  un
  área
  específica
  de
  la
  pantalla;
  conocida
  usualmente
  como
 
dpi
 (dots
 per
 inch)
 o
 puntos
 por
 pulgada.
 

1”
 =
 2,54cms
 

Por
 simplicidad,
 Android agrupa
 todas
 las
 densidades
 de
 
 
pantalla
 en
 4
 densidades
 generalizadas:
 

 
•  Baja
 (Low)
 
•  Media
 (Medium)
 
•  Alta
 (High)
 
•  Extra
 Alta
 (Extra
 High)
 

Soporte
 para
 Pantallas
 
(Términos
 y
 Conceptos)
 

•  Orientación
  (Orienta0on):
  La
  orientación
  de
  la
  pantalla
  desde
  el
 punto
 de
 vista
 del
 usuario,
 puede
 ser
 Landscape
 (aspecto
 ancho)
 
o
 Portrait
 (aspecto
 alto).
 
Fuente:
 hfp://www.golfapplive.com/
 
 
 

Fuente:
 hfp://developer.android.com/guide/prac0ces/screens_support.html
 

Soporte
 para
 Pantallas
 
(Términos
 y
 Conceptos)
 

•  Resolución
  (Resolu0on):
  El
  número
  total
  de
 pixeles
  Ysicos
  en
  la
 
pantalla.
  Las
  aplicaciones
  no
  trabajan
  directamente
  con
  la
 
resolución,
  solo
  debe
  importar
  el
  tamaño
  de
  la
  pantalla
  y
  su
 
densidad.
 
•  dp
 -­‐
 Pixel
 Independiente
 de
 la
 Densidad
 (Density-­‐Independent
 pixel):
 
Una
  unidad
  de
  pixel
  virtual
 que
  se
  debería
  usar
  al
  definir
  la
  IU
 
para
  expresar
  dimensiones
  o
  posición
  de
  una
  forma
 
independiente
  de
  la
  densidad.
  Es
  equivalente
  a
  1
  pixel
  Ysico
  en
 
una
  pantalla
  de
  160
  dpi
  que
  es
  la
  densidad
  base
  asumida
  por
  el
 
sistema
 para
 una...