Atributos de Layout en Android: Width y Height

Clase 7 de 20 • Curso Básico de Diseño de Interfaces con Android Studio

Nolbert Juarez

student•

En reasumen: android:layout_width,android:layout_height: nos permiten especificar el ancho y la altura con medidas exactas, aunque probablemente no quieras hacerlo con mucha frecuencia.

Generalmente, usarás una de estas constantes para establecer el ancho o la altura:

wrap_content: indica a tu vista que modifique su tamaño conforme a los requisitos de este contenido.
match_parent indica a tu vista que se agrande tanto como lo permita su grupo de vistas principal.

En general, no se recomienda especificar el ancho ni la altura de un diseño con unidades absolutas como píxeles. En cambio, el uso de medidas relativas como unidades de píxeles independientes de densidad (dp), wrap_content o match_parent es un mejor enfoque, ya que ayuda a garantizar que tu aplicación se muestre correctamente en dispositivos con pantallas de diferentes tamaños.

Juan David Cuervo Velasquez

student•

Recodemos que el @ hace referencia a archivos de recursos

Joel Vicente Nieto Gómez

student•

Se me hizo un poco semejante como lo trabaja CSS en las paginas web.

David Campos

student•

Atributos importantes: alto, ancho y id

Width y Height: Nos permiten definir como un elemento se va a distribuir con respecto a su contenido.
- Wrap content: Hacer que crezca tanto como el contenido lo requiera.
- Match parent: Hará que el elemento ocupe toda la pantalla.
Hint: Sugerencia para ingresar texto
Background: Utilizar una imagen o color de fondo. Para acceder a los colores del archivo se inicia con @<archivo>/<color>.

Edwin Clavijo

student•

Asi dejé el código en la actualidad:

android:layout_width="match_parent"
android:layout_height="match_parent">

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical"
        android:background="@color/azul2">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hola MInTIC"/>

    <EditText
        android:hint="Escribe tu nombre"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
</LinearLayout>

Emilio Rafael Vera Maldonado

student•

wrap_content : nos permite hacer crecer el elemento tanto como el contenido que tenga . match_parent: para que elemento ocupe toda la pantalla

Leo Montoya

student•

muy parecido a html

Elmer lopez

student•

Saludos, a qué se debe que en mi PC con Android studio actualizado no me aparezcan muchas funciones que ahí muestran?. 🥲

Albin Anthony Hinostroza Macavilca

student•

Android estudio suele cambiar algunas funciones

Emilio Rafael Vera Maldonado

student•

EditText : seria como un label y el atributo hint sirve para mostrar una sugerencia en cuanto al textview

Kevin Parra Lopez

student•

En la doc explican cómo usarlo y para que funciona cada atributo

https://developer.android.com/develop/ui/views/layout/linear

Daniel Fernando Florez Cortez

student•

Que bueno si actualizaran el contenido del curso

Rodolfo Morales Moreno

student•

"match_parent" llena el espacio del Padre, no de la pantalla.

Alvaro Diego Pérez Vázquez

student•

wrap_content: indica a tu vista que modifique su tamaño conforme a los requisitos de este contenido. match_parent> indica a tu vista que se agrande tanto como lo permita su grupo de vistas principal. En general, no se recomienda especificar el ancho ni la altura de un diseño con unidades absolutas como píxeles. En cambio, el uso de medidas relativas como unidades de píxeles independientes de densidad (dp), wrap_content o match_parent es un mejor enfoque, ya que ayuda a garantizar que tu aplicación se muestre correctamente en dispositivos con pantallas de diferentes tamaños.

Nasser Emil Issa Tavares

student•

Match_content hace crecer a el elemento hasta que cubre todo el contenido de la pantalla.

Wrap_content hace crecer a el elemento hasta que cubre todo el contenido de el mismo.

El atributo hint nos permite mostrar una sugerencia de que es lo que tienes que escribir en el texto.

Utilizamos background + una referencia de color (@color/red) para crear un color en el fondo (podemos utilizar imagen también) para ellos escribimos ese atributo en el ViewGroup padre “LinearLayout”.

Valeria Calcina Cisneros

student•

Este curso esta realmente completo :0

Carlos Héctor Méndez Sánchez

student•

es como css que le das propiedades a los archivos

Diego andres de la cruz cruz

student•

Para los que tienen experiencia con Adobe photoshop o illustrator sería la misma logica de trabajar por "capas"

Christian Gómez

student•

Hint: nos permite escribir una referencia del texto que debe ser escrito en el campo de texto; como si fuera un placeholder de input en HTML.

José Daniel

student•

Mejor explicación no hay jajaja muy buena la referencia

Diego Ernesto Cuaycal Tirira

student•

La version actual del 2025 es asi : activity_main..xml : <EditText android:id="@+id/editTextNombre" android:layout_width="0dp" android:layout_height="wrap_content" android:hint="@string/hint_nombre" android:inputType="textPersonName" android:autofillHints="name" app:layout_constraintTop_toTopOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent" android:textColorHint="#808080" />

Values : Strings.xml :

<resources> <string name="app_name">Platzi Music</string> <string name="hint_nombre">Escribe tu nombre</string> </resources>

Ricardo Lesmes

student•

solo pero que sepas, así no se pronuncia "height"

Atributos de Layout en Android: Width y Height

Introduccion

Creación de Interfaces de Usuario en Android con XML

Revisando los archivos para una UI

Instalación de Android Studio para Desarrollo de Apps

Creación y gestión de proyectos en Android Studio

Creando una UI

Diseño de Interfaces en Android Studio: Herramientas y Técnicas

Gestión de Vistas y Recursos en Android Studio

Widgets y Vistas

Vistas y ViewGroups en Android: Diferencias y Uso Práctico

Atributos de Layout en Android: Width y Height

Atributos de Diseño y Referencias en Android Studio

Layouts base

Alineación de elementos con LinearLayout en Android

Diseño de Interfaces con RelativeLayout en Android

Diseño de Interfaces con Layout Relativo en Android

Uso de FrameLayout para Organizar Elementos en Android

Diseño de Interfaces con FrameLayout en Android Studio

Diseño de Interfaces con ConstraintLayout en Android Studio

Estilos y temas

Estilos en Android: Creación y Aplicación en Elementos de UI

Temas y Estilos en Android: Personalización Global de la App

Gestión de Dimensiones y Estilos en Android XML

Extendiendo los widgets

Integración de Librerías Externas en Proyectos Android

Reutilización de Layouts en Android: Incluyendo y Merging Elementos

Cierre

Estilos y Atributos en XML: Curso Completo