Pautas en Android ConstraintLayout

Las pautas en el diseño de restricción son líneas invisibles que no son visibles para los usuarios, pero ayudan a los desarrolladores a diseñar el diseño fácilmente y restringir las vistas a estas pautas, para que el diseño sea más claro e interactivo. Pero las pautas solo funcionan en Diseño de restricción, ya que las pautas requieren que algo se restrinja a ellas.

Hay dos tipos de directrices:

1. Pautas horizontales : estas pautas tienen una altura de cero y su ancho es igual a su diseño de restricción principal.
2. Pautas verticales : estas pautas tienen un ancho de cero y su altura es igual a su diseño de restricción principal.

Pautas horizontales y verticales

Ahora podemos posicionar las guías de tres maneras diferentes:

1. Usando (layout_constraintGuide_begin) para especificar una distancia fija desde la izquierda o la parte superior de un diseño.
2. Usando (layout_constraintGuide_end) para especificar una distancia fija desde la derecha o la parte inferior de un diseño.
3. Usando (layout_constraint_percent) para especificar el porcentaje del ancho o la altura de un diseño.

Nota : las líneas guía solo se pueden usar con el diseño de restricciones. Para conocer el diseño de restricciones, puede consultar Diseño de restricciones . 

Los siguientes pasos se pueden utilizar para hacer uso de las directrices:

Paso 1: use el diseño de restricciones en su aplicación.

Paso 2: haga clic en el icono que se muestra a continuación o también puede buscar guías horizontales o verticales en la paleta.

Paso 3: Seleccione las guías que desea usar (horizontal o vertical).

Paso 4: use el siguiente código para usar atributos para colocar las guías al final, comience y decida el porcentaje de ancho o alto del diseño.

<androidx.constraintlayout.widget.Guideline
  android:id="@+id/guideline7"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:orientation="vertical"
  app:layout_constraintGuide_begin="20dp" />
  
<androidx.constraintlayout.widget.Guideline
  android:id="@+id/guideline8"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:orientation="vertical"
  app:layout_constraintGuide_end="20dp" />
  
<androidx.constraintlayout.widget.Guideline
  android:id="@+id/guideline5"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:orientation="horizontal"
  app:layout_constraintGuide_begin="20dp" />
  
<androidx.constraintlayout.widget.Guideline
  android:id="@+id/guideline6"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:orientation="horizontal"
  app:layout_constraintGuide_end="20dp" />
  
<androidx.constraintlayout.widget.Guideline
  android:id="@+id/guideline9"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:orientation="horizontal"
  app:layout_constraintGuide_begin="20dp"
  app:layout_constraintGuide_percent="0.75" />

Por lo tanto, las pautas se pueden usar como se enseñó anteriormente y pueden ayudar a los desarrolladores de Android a diseñar diseños interactivos.