YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Spanish, Mexican subtitles

← Altering the Layout - Solution

Get Embed Code
5 Languages

Showing Revision 1 created 01/14/2016 by gerardo_97.


  1. ¡Correcto!
    Su hecho.

  2. Vamos a ir por encima de mi solución.
  3. Antes de que realmente vamos a diseñar
    la mitad inferior de la página de detalles ver
  4. permite elaborar estrategias .
  5. Tenemos dos columnas ,
    uno que contiene estas cabeceras y
  6. uno que contiene datos.
  7. La columna de encabezados es bastante
    fácil que todo está justificado a la izquierda ,

  8. 32 dp de distancia desde el borde .
  9. La otra columna también se justifica
  10. desde el otro borde pero los tres
    de esos elementos están alineados izquierda .

  11. Esto sería muy difícil de ver con
    cualquier otra cosa aparte de una cuadrícula lay out .
  12. Vamos a dejar que estos tres elementos
    de hecho ocupar el espacio ampliado .
  13. Echemos un vistazo a cómo implementamos eso.

  14. Muy bien, así
    vamos a echar un vistazo a nuestro diseño de cuadrícula .

  15. Como se puede ver, el relleno en
    la parte inferior y la parte superior es 16DPR .

  16. Abc barra de acción material de contenido inserción .

  17. Nuestro relleno en izquierda y
    derecho , en principio al final , por

  18. derecho a izquierda idiomas ,
    es forecase_detail_horizontal_padding .
  19. O como se define 32DP
    en nuestras dimensiones.

  20. Echemos un vistazo a nuestra primera fila y
    columna.

  21. Como puedes ver,
    estamos utilizando columnWeight 1

  22. que este punto de vista el texto es en realidad va a
    expanda para ocupar cualquier espacio adicional.

  23. que este punto de vista el texto es en realidad va a
    expanda para ocupar cualquier espacio adicional.
  24. Utilizamos un rowWeight de 1 también muestra
    esta fila va a participar en cualquier

  25. espacio adicional que
    el controlador de distribución puede tener .
  26. Y aquí está nuestra primera columna.

  27. Y aquí está nuestra segunda columna.
  28. Nótese que no estamos utilizando
    cualquier peso aquí en absoluto

  29. Aparte de que esto es bastante simple

  30. todas nuestras filas tienen
    un peso fila de uno, por lo

  31. todos ellos van a participar en el extra
    espacio, por lo que todos estarán espaciados uniformemente.

  32. Esto le da al diseño un agradable incluso buscar.

  33. Y eso es.
  34. Eso es bastante sencillo

  35. Una vez más , no es necesariamente
    Una solución a este

  36. Una de las cosas que me gustan de los diseños ,
  37. es que cada uno de ellos es
    como resolver un pequeño rompecabezas .

  38. Muy bien, se está ejecutando en el emulador .
  39. Y ahí está nuestra nueva vista detallada
  40. con la sección inferior
    se ve exactamente como nosotros pretendíamos .