Spanish, Mexican 字幕

← Simulaciones de UX de tableta

埋め込みコードを取得する
10言語

Showing Revision 5 created 09/30/2014 by Fran Ontanaya.

  1. Cuando aprendimos sobre la respuesta
    en el diseño
  2. vimos que se usó un patrón común
    para el flujo de detalles máster,
  3. que es lo que usaremos para sunshine.
    Aquí están las simulaciones del tablet.
  4. Tenemos a la izquierda una lista
    de pronósticos,
  5. y para el ítem seleccionado,
    vemos el pane de detalles a la derecha.
  6. Esto aplica para tabletas
    de siete y diez pulgadas.
  7. Ambas orientaciones, retrato y paisaje.
    En retrado, las columnas son
  8. un poco más angostas, pero aún es
    un UI de dos panes.
  9. Con respecto a la implementación,
    todo esto estará bajo
  10. la actividad principal. Luego
    a la izquierda está
  11. el fragmento del pronóstico.
    A la derecha el fragmento de detalle.
  12. En el teléfono, aún tendríamos
    la actividad principal con la lista
  13. de pronósticos. Y al seleccionar un ítem
    se abriría la actividad de detalle.
  14. Aquí hay otra forma de visualizarlo.
    En la tableta, tenemos dos fragmentos
  15. lado a lado bajo una actividad.
    Y luego en el teléfono
  16. tenemos la primera actividad
    con el primer fragmento.
  17. Si se selecciona un ítem, se corre
    la segunda actividad que contiene
  18. el segundo fragmento. Vamos a dividir
    eseto en múltiples tareas de códigos
  19. hasta construir la distribución final.
    Primero construiremos el UI de dos panes
  20. para las tabletas. Luego conectaremos
    la comunicación entre los dos fragmentos,
  21. entonces al seleccionar un ítem
    se remplaza el pane de detalle a la derecha.
  22. Luego aprenderemos cómo mostrar
    un estatus activado
  23. en los ítems seleccionados en el momento
    para saber a qué corresponde
  24. el pane de detalles.
    También necesitaremos asegurar
  25. que la posición del scroll
    se mantiene a lo largo
  26. de los cambios en orientación. Luego
    actualizaremos la distribución de detalle
  27. para que esté optimizada
    para pantallas más grandes.
  28. Y luego modificaremos el adaptador
    para que la distribución de hoy
  29. se vea como la de otros días.
    No hay ninguna distribución especial hoy
  30. en la tableta. Por lo tanto esperamos
    que esté claro cómo vamos a abordar
  31. la implementación de comportamiento
    en esta tableta
  32. y haremos los pasos lentamente,
    uno por uno.