Diseño lineal

LinearLayout es un grupo de vistas que alinea todos los elementos secundarios en una única dirección, de manera vertical u horizontal. Puedes especificar la dirección del diseño con el atributo android:orientation.

Nota: Para un mejor rendimiento y asistencia con las herramientas, debes crear tu diseño con ConstraintLayout.

Todos los elementos secundarios de un LinearLayout se apilan uno detrás de otro, por lo cual una lista vertical solo tendrá un elemento secundario por fila, independientemente del ancho que tengan, y una lista horizontal solo tendrá la altura de una fila (la altura del elemento secundario más alto, más el padding). Un LinearLayout respeta los márgenes entre los elementos secundarios y la gravedad (alineación a la derecha, centrada o a la izquierda) de cada elemento secundario.

Volumen del diseño

LinearLayout también es compatible con la asignación de un peso a elementos secundarios individuales con el atributo android:layout_weight. Este atributo asigna un valor de "importancia" a una vista en términos de la cantidad de espacio que debe ocupar en la pantalla. Un peso más grande posibilita la expansión a los efectos de llenar el espacio restante en la vista superior. Las vistas secundarias pueden especificar un valor de peso y, luego, todo espacio restante en el grupo de vistas se asigna a los elementos secundarios según la proporción de su peso declarado. El peso predeterminado es cero.

Distribución equitativa

Para crear un diseño lineal en el que cada campo secundario use la misma cantidad de espacio en la pantalla, define el android:layout_height de cada vista en "0dp" (para un diseño vertical) o el android:layout_width de cada vista en "0dp" (para un diseño horizontal). Luego, fija el android:layout_weight de cada vista en "1".

Distribución no equitativa

También puedes crear diseños lineales en los que los elementos secundarios utilicen diferentes cantidades de espacio en la pantalla:

  • Si hay tres campos de texto y dos de ellos declaran un peso igual a 1 mientras al restante no se le asigna peso, el tercer campo de texto sin peso no se expandirá. En cambio, solo ocupará el área que requiera su contenido. Los otros dos campos de texto, por otro lado, se expandirán de manera equitativa a fin de llenar el espacio restante después de que se midan los tres campos.
  • Si hay tres campos de texto y dos de ellos declaran un peso de 1 mientras al tercer campo se le asigna un peso de 2 (en lugar de 0), entonces ahora se declara más importante que los otros dos, por lo que obtiene la mitad del espacio total restante, mientras que los dos primeros comparten el resto por igual.

El siguiente fragmento de código muestra cómo podrían funcionar los pesos de diseño en una actividad de "enviar mensaje". El campo Para, la línea Asunto y el botón Enviar solo ocupan la altura que necesitan. Esta configuración permite que el propio mensaje ocupe el resto de la altura de la actividad.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="16dp"
    android:paddingRight="16dp"
    android:orientation="vertical" >
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/to" />
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/subject" />
    <EditText
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="top"
        android:hint="@string/message" />
    <Button
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:text="@string/send" />
</LinearLayout>

A fin de obtener información sobre los atributos disponibles para cada vista secundaria de un LinearLayout, consulta LinearLayout.LayoutParams.