TECNOLOGIAS EMERGENTES
Aplicación 03
Agregar los recursos para los tamaños de textos y margenes para las vistas Button
En la carpeta values, no existe el
archivo: dimens.xml, que permite definir
el tamaño del texto y los márgenes para
las vistas Button.
P á g i n a 1 | 16
TECNOLOGIAS EMERGENTES
CREAR EL ARCHIVO DE RECURSO: DIMENS.XML
Clic derecho en la carpeta res
Clic en la opción: New
Clic en la opción: Android Resource File
Digitar: dimens (minúsculas)
En el cuadro:
Available qualifiers
Clic en la opción:
Dimension
Clic en el botón: OK
P á g i n a 2 | 16
TECNOLOGIAS EMERGENTES
En el archivo: dimens.xml, se muestra la etiqueta:
resources, uno es de apertura: <resources> y el otro
es de cierre: </resources>
CREAR UN RECURSO DE DIMENSION
Ubicar la etiqueta de apertura y de cierre, uno debajo del otro,
dentro de las etiquetas se va a crear los recursos de dimensión.
Se genera el recurso para el tamaño del texto, para la vista Button
1.- Digitar: <d
2.- Seleccionar la opción: dimen
P á g i n a 3 | 16
TECNOLOGIAS EMERGENTES
Dentro de las comillas se va a digitar
el nombre del recurso
El nombre del recurso es: sizetexto
Para cerrar la etiqueta dimen, digitar >, se
muestra la etiqueta de cierre </dimen>
P á g i n a 4 | 16
TECNOLOGIAS EMERGENTES
El valor del recurso es: 30sp
En Android Studio, dp significa: density-independent pixels (píxeles
independientes de la densidad), mientras que sp significa: scaled pixels
(píxeles escalados).
Los dp, se utilizan para medir dimensiones de manera que el tamaño de los
elementos en la pantalla se mantenga constante, independientemente de la
densidad de píxeles del dispositivo. Esto garantiza que los elementos se vean
del mismo tamaño relativo en diferentes dispositivos, independientemente
de su resolución de pantalla.
Los sp se utilizan para medir el tamaño de texto.
Se genera un segundo recurso para los márgenes, con el nombre:
márgenes, con el valor: 10dp, grabar el proyecto: Ctrl + S
AGREGAR EL RECURSO DE DIMENSION A UNA VISTA BUTTON
Clic en la ficha: activity_main.xml
P á g i n a 5 | 16
TECNOLOGIAS EMERGENTES
Código de la primera vista Button
Ubicar el cursor antes de la propiedad textColor
Seleccionar la opción: android:textSize
Digitar: android:si
P á g i n a 6 | 16
TECNOLOGIAS EMERGENTES
En la propiedad textSize, dentro de las comillas, digitar: si
Clic en el recurso: sizetexto
P á g i n a 7 | 16
TECNOLOGIAS EMERGENTES
Clic en la opción: android:textStyle
Ubicar el cursor, antes de la
propiedad textColor, digitar:
android:st
Clic en la opción: bold
La opción: bold, resalta el texto (Negrita)
P á g i n a 8 | 16
TECNOLOGIAS EMERGENTES
MARGENES SUPERIOR E INFERIOR PARA UNA VISTA BUTTON
Ubicar el cursor, antes de la
propiedad textColor
Margen Superior De La Vista Button
Clic en la opción:
android:layout_marginTop
Digitar android:ma
P á g i n a 9 | 16
TECNOLOGIAS EMERGENTES
Digitar: mar
Clic en el recurso: margenes
Seleccionar la opción:
android:layout_marginBottom
Ubicar el cursor, antes de la
propiedad textColor, digitar:
android:m
P á g i n a 10 | 16
TECNOLOGIAS EMERGENTES
Digitar: ma
Clic en el recurso: margenes
COPIAR Y PEGAR RECURSOS
Código de la primera vista Button
Seleccionar el bloque de
código, Ctrl + C (Copiar)
P á g i n a 11 | 16
TECNOLOGIAS EMERGENTES
Código de la segunda vista Button
Pegar el bloque de
código, Ctrl + V (Pegar)
Código de la tercera vista Button
Pegar el bloque de
código, Ctrl + V (Pegar)
P á g i n a 12 | 16
TECNOLOGIAS EMERGENTES
Código de la cuarta vista Button
Pegar el bloque de
código, Ctrl + V (Pegar)
P á g i n a 13 | 16
TECNOLOGIAS EMERGENTES
MODIFICAR EL ALTO DE LA VISTA LINEARLAYOUT
En la vista: LinearLayout
En la propiedad: android:layout_height
Eliminar el valor de la propiedad
P á g i n a 14 | 16
TECNOLOGIAS EMERGENTES
Digitar: wr
Clic en la opción: wrap_content
P á g i n a 15 | 16
TECNOLOGIAS EMERGENTES
Clic en el icono: Run app
Clic en el icono: Stop app
P á g i n a 16 | 16
