Linea punteada en Android

Es un poco raro que nos pidan una linea punteada en el diseño de una aplicación Android… pero pasa, así que es bueno saber que se puede hacer sin necesidad de agregar un nuevo asset a los recursos (así no estamos dependiendo tanto del diseñador).

El primer paso es crear un archivo .xml en la carpeta drawable que se encuentra dentro de los resources (res), como el siguiente:

En este drawable, estas son las propiedades que pueden personalizar
color = color de la linea.
dashWidth = dimension del guion que desean.
dashGap = espacio entre cada punto/guion.
width = ancho del guion.

El segundo y ultimo paso es usar el drawable que acabamos de crear como background de una View y agregar el parámetro layerType=”software” a dicha View

<View android:layout_width="match_parent"
android:layout_height="5dp"
android:layerType="software"
android:background="@drawable/dotted_line"/>

y eso es todo! el resultado de la linea del ejemplo es este:

Bonus Tip: Si quieren hacer un cuadrado con lineas punteadas, lo único que deben hacer es cambiar el shape=”line” a shape=”rectangle” en el archivo xml del primer paso.

PD. Este es mi primer post en Medium, por favor tengan piedad de mi si tengo muchos errores de redacción o si el tema que elegí es demasiado sencillo, acepto sugerencias sobre temas y también correcciones si en algo me he equivocado o pude haber hecho mejor. Muchas gracias por leer! :)

Like what you read? Give Amilcar Serrano a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.