Curso Android. Uso de recursos I. Vídeo 23

pildorasinformaticas
26 May 201619:44

Summary

TLDREn este video del curso de desarrollo de aplicaciones Android, el instructor comienza a explicar el uso de recursos de texto en las aplicaciones. Destaca la importancia de no insertar texto directamente en las vistas, sino utilizar recursos para permitir la creación de aplicaciones multilingües. A lo largo del video, se muestra cómo crear y utilizar estos recursos en un ejemplo práctico, desarrollando un juego sencillo llamado 'Asteroides' o 'Rocas'. Se detalla el proceso de crear un nuevo proyecto en Android Studio, utilizando la plantilla de actividad vacía para comenzar la interfaz de bienvenida del juego con un título y cuatro botones principales. Además, se profundiza en la edición del archivo strings.xml para crear recursos de texto reutilizables y se ilustra cómo asignar estos recursos a los elementos de la interfaz de usuario. Finalmente, se menciona que en el próximo video se explorará cómo hacer que la aplicación muestre texto en diferentes idiomas según la configuración regional del dispositivo.

Takeaways

  • 📘 Se discute el uso de recursos de texto en desarrollo de aplicaciones Android para permitir la creación de aplicaciones multi-idioma.
  • 🎮 Se inicia la creación de un juego de asteroides como ejemplo práctico para entender los recursos de texto.
  • 🔄 Se destaca la importancia de no insertar texto directamente en las vistas, sino utilizar recursos para facilitar la internacionalización.
  • 🌐 Se menciona que utilizar recursos de texto permite a las aplicaciones ser presentadas en varios idiomas, como español, inglés, francés, alemán, etc.
  • 📱 Se indica que no se debe introducir texto directamente en los campos de texto, sino utilizar vistas de texto o `TextView`.
  • 📝 Se explica que los recursos de texto se encuentran en la carpeta `values` dentro de `res` y se almacenan en el archivo `strings.xml`.
  • 🔑 Se resalta que los nombres de los recursos (`string name`) son usados para identificarlos en la aplicación y no deben confundirse con el texto que muestra el recurso.
  • 🛠️ Se muestra cómo utilizar los recursos en la interfaz de usuario, como asignar un recurso de texto a un botón desde las propiedades en Android Studio.
  • 📐 Se discute la necesidad de adaptar la interfaz de usuario para diferentes orientaciones del dispositivo, como vertical u horizontal, y cómo esto afecta el diseño del layout.
  • 📖 Se nombra la estructura de un recurso de texto, que incluye un nombre y el texto que se mostrará en la aplicación.
  • 🔄 Se anticipa que en futuras lecciones se explicará cómo hacer que la aplicación muestre texto en diferentes idiomas dependiendo de la configuración regional del dispositivo.

Q & A

  • ¿Por qué no es recomendable insertar texto directamente en las aplicaciones Android?

    -No se debe insertar texto directamente en las aplicaciones Android porque esto dificulta la internacionalización y la localización de la aplicación, lo que impide que sea multi-idioma y adaptable a diferentes mercados y usuarios.

  • ¿Qué ventaja tiene utilizar recursos de texto en lugar de texto directo en las vistas?

    -Utilizar recursos de texto permite que las aplicaciones sean multi-idiomas, lo que significa que se pueden presentar en varios idiomas como el español, inglés, francés, alemán, etc., permitiendo que cualquier persona en el mundo pueda entender y utilizar la aplicación.

  • ¿Qué es un archivo strings.xml y cómo se relaciona con los recursos de texto?

    -Un archivo strings.xml es un archivo en la carpeta 'values' que almacena los textos de la aplicación. Se utiliza para crear recursos de texto que pueden cambiar según el idioma o la región del usuario, facilitando así la localización de la aplicación.

  • ¿Cómo se cambia la orientación del diseño de una aplicación de vertical a horizontal en Android Studio?

    -Para cambiar la orientación del diseño de una aplicación de vertical a horizontal, se modifica el atributo 'android:orientation' dentro de la etiqueta 'LinearLayout' en el archivo XML del diseño, estableciéndolo en 'horizontal'.

  • ¿Cómo se logra que un elemento como un botón se adapte al ancho completo de la pantalla en Android Studio?

    -Para hacer que un botón se adapte al ancho completo de la pantalla, se utiliza la propiedad 'layout_width' y se le asigna el valor 'match_parent', lo que indica que el ancho del botón debe ser el mismo que el de su componente padre.

  • ¿Cómo se agregan recursos de texto a un botón en Android Studio?

    -Para agregar recursos de texto a un botón, se selecciona el botón en el diseñador y se utiliza la propiedad 'text' en el panel de propiedades. Luego, en lugar de escribir el texto directamente, se hace clic en los tres puntos y se selecciona el recurso de texto creado en el archivo strings.xml.

  • ¿Por qué es importante diferenciar el nombre del recurso de texto del texto real dentro del archivo strings.xml?

    -Es importante diferenciar el nombre del recurso de texto del texto real porque el nombre del recurso se utiliza para identificar y referenciar el recurso en la aplicación, mientras que el texto real es el contenido que se muestra al usuario. Esto permite una gestión más clara y organizada de los recursos.

  • ¿Cómo se cambia el título de una aplicación en Android Studio?

    -Para cambiar el título de una aplicación en Android Studio, se edita el atributo 'android:text' de la etiqueta 'TextView' que contiene el título en el archivo XML del diseño, o se puede cambiar directamente en el archivo strings.xml si se ha creado un recurso de texto para el título.

  • ¿Qué es la plantilla 'Basic Activity' y cuándo se utiliza en Android Studio?

    -La plantilla 'Basic Activity' es una de las opciones que Android Studio ofrece para crear una nueva actividad. Se utiliza cuando se desea crear una actividad de forma rápida y sencilla, y hasta ahora se ha utilizado en el curso para crear dos archivos XML: 'activity_main' y 'content_main'.

  • ¿Cómo se resuelve el problema de que una aplicación no se muestre correctamente en orientación horizontal en Android Studio?

    -Para resolver el problema de visualización en orientación horizontal, se pueden crear diseños de layout específicos para el modo horizontal en Android Studio. Esto se logra creando un segundo archivo de diseño que se ajuste mejor a la geometría del dispositivo en horizontal.

  • ¿Cómo se puede hacer que un texto aparezca centrado verticalmente en la pantalla en Android Studio?

    -Para hacer que un texto aparezca centrado verticalmente en la pantalla, se utiliza la propiedad 'gravity' y se le asigna el valor 'center_vertical' en el 'LinearLayout' que contiene al 'TextView'.

  • ¿Cuál es el objetivo final de una aplicación cuando se publica en Google Play?

    -El objetivo final de una aplicación cuando se publica en Google Play es que la descarguen personas de diferentes partes del mundo, por lo que es importante que la aplicación sea multi-idioma y se adapte a las preferencias regionales de los usuarios.

Outlines

00:00

🚀 Introducción al uso de recursos de texto en Android

El primer párrafo introduce el tema del vídeo, que es el uso de recursos de texto en desarrollo de aplicaciones Android. Se menciona que en lugar de insertar texto directamente en las vistas, se debe utilizar recursos de texto, lo que permite la creación de aplicaciones multi-idioma. El vídeo comienza con la creación de un nuevo proyecto en Android Studio y la elección de la plantilla de 'activity empty' para empezar a construir una interfaz de bienvenida para un juego de asteroides.

05:01

🔄 Cambios en la orientación del diseño de la aplicación

El segundo párrafo aborda el cambio de diseño de la aplicación de vertical a horizontal y cómo esto afecta la visualización en diferentes orientaciones del dispositivo. Se describe el proceso de cambiar el 'relative layout' a 'linear layout' y se ajusta la orientación a vertical. Además, se detalla cómo centrar verticalmente el texto y cómo agregar y manipular botones en la interfaz para crear una experiencia de usuario más satisfactoria.

10:03

📄 Utilización de recursos para el texto de los botones

El tercer párrafo se enfoca en el uso de recursos en lugar de texto estático para los botones. Esto permite que la aplicación soporte múltiples idiomas y sea más flexible para diferentes mercados. Se explica cómo abrir y editar el archivo 'strings.xml' para crear recursos de texto para los botones de la aplicación, y cómo asignar estos recursos a los botones en la interfaz de usuario.

15:04

🔍 Apuntando botones a recursos y preparación para multi-idioma

El cuarto y último párrafo del script muestra cómo asociar cada botón con el recurso de texto correspondiente en el archivo 'strings.xml'. Esto incluye la selección de los recursos en el panel de propiedades y la asignación de recursos a los botones para que muestren el texto adecuado. Además, se destaca la importancia de no confundir el nombre del recurso con el texto del recurso y se cierra el párrafo con una expectativa de futuros tutoriales sobre cómo hacer que la aplicación muestre texto en diferentes idiomas según la configuración regional del dispositivo.

Mindmap

Keywords

💡Desarrollo de aplicaciones Android

El desarrollo de aplicaciones Android se refiere al proceso de crear software para dispositivos que utilizan el sistema operativo Android. En el video, el instructor comienza una lección sobre cómo crear aplicaciones para Android, lo que es fundamental para entender el tema principal del curso.

💡Recursos de texto

Los recursos de texto son elementos en las aplicaciones Android que permiten al usuario manejar y mostrar texto. Son importantes para la localización y la capacidad de la aplicación para soportar múltiples idiomas, como se discute en el video.

💡Multi idioma

Hacer que una aplicación sea multi idioma implica que esta sea capaz de funcionar en varios idiomas, lo que permite a los usuarios de diferentes partes del mundo usarla. En el video, se destaca la importancia de utilizar recursos de texto para facilitar la creación de aplicaciones multi idioma.

💡Android Studio

Android Studio es el entorno de desarrollo integrado (IDE) oficial de Google para el desarrollo de aplicaciones Android. En el video, se utiliza Android Studio para crear y diseñar la interfaz de usuario de la aplicación de ejemplo.

💡Layout

Un layout en Android es la forma en que se organiza y se distribuyen los elementos de la interfaz de usuario dentro de una actividad o un fragmento. El video cubre cómo cambiar el layout de la aplicación para adaptarse tanto a orientaciones verticales como horizontales.

💡Linear Layout

Linear Layout es un tipo de diseño lineal en Android que permite la disposición de elementos de la interfaz de usuario en una línea, ya sea horizontal o vertical. En el video, se utiliza Linear Layout para organizar los elementos de la interfaz de manera vertical.

💡Strings XML

Strings XML es un archivo en Android Studio que almacena los textos de la aplicación y permite la gestión de diferentes cadenas de texto para cada idioma. Se menciona en el video como la herramienta para crear recursos de texto reutilizables y adaptables a diferentes idiomas.

💡Recursos

En el contexto de Android, los recursos son elementos como el texto, las imágenes, y otros componentes que se pueden reutilizar en la aplicación. En el video, el instructor habla sobre cómo utilizar recursos para hacer que la aplicación sea más flexible y adaptable a varios idiomas.

💡Activity

Una Activity en Android es una pantalla o una ventana en la que se muestra una interfaz de usuario. El video comienza hablando sobre la creación de una nueva Activity para la aplicación de ejemplo.

💡Botón

Un botón es un elemento de la interfaz de usuario que permite a los usuarios interactuar con la aplicación mediante la selección de una opción o la ejecución de una acción. En el video, se discute cómo diseñar y configurar los botones en la interfaz de la aplicación.

💡Alineación y Padding

La alineación y el padding son propiedades de diseño que controlan la posición y el espacio entre los elementos de la interfaz de usuario. En el video, se utiliza la alineación y el padding para asegurar que los elementos estén correctamente distribuidos y separados en la pantalla.

Highlights

Introducción al uso de recursos de texto en aplicaciones Android para permitir la multi-idioma y adaptabilidad.

Explicación de la importancia de no insertar texto directamente en las vistas, sino utilizar recursos para facilitar la internacionalización.

Creación de un nuevo proyecto en Android Studio utilizando la plantilla de actividad vacía (Empty Activity).

Elección de la versión de Android Ice Cream Sandwich como la versión mínima de soporte para la aplicación.

Cambio del diseño de la interfaz de usuario de Relative Layout a Linear Layout para una mejor organización vertical.

Alineación vertical del título de la aplicación en el centro de la pantalla utilizando la propiedad gravity.

Inclusión de cuatro botones en la interfaz y su disposición para que ocupen todo el ancho de la pantalla.

Uso de la propiedad 'layout_weight' para hacer que los botones se adapten y compartan el espacio disponible uniformemente.

Creación de un espacio entre el título y los botones utilizando el padding en la parte inferior del título.

Demostración de cómo cambiar el texto predeterminado de los botones a través de recursos en lugar de editarlos directamente en el código.

Uso del archivo strings.xml para definir los recursos de texto que se utilizarán en los botones y otros elementos de la interfaz de usuario.

Procedimiento para crear nuevos recursos de texto en strings.xml y cómo asignarlos a los elementos de la interfaz de usuario.

Importancia de la distinción entre el nombre del recurso y el texto que el recurso representa.

Navegación por la ventana emergente de recursos de texto en Android Studio para asignar recursos a los elementos de la interfaz.

Conclusión del vídeo con una vista previa de la interfaz de usuario con los recursos de texto asignados y una promesa de continuar en el próximo vídeo.

Anuncio de que en el próximo vídeo se abordará cómo hacer que la aplicación cambie el texto según la configuración regional del dispositivo.

Invitación a los espectadores a mantenerse atentos para la entrega siguiente del curso.

Transcripts

play00:00

hola que tal bienvenidos a todos a otra

play00:03

entrega de este curso de desarrollo de

play00:05

aplicaciones android en el que vamos a

play00:07

comenzar a ver en este vídeo y

play00:08

seguiremos viéndolo en vídeos sucesivos

play00:10

el uso de los recursos concretamente en

play00:13

este vídeo vamos a ver qué son los

play00:16

recursos de texto para qué sirve y cómo

play00:18

utilizarlos esto va a responder a

play00:21

preguntas que me habéis hecho desde que

play00:22

comencé el curso y comentarios que me

play00:24

habéis ido dejando en los videos pues

play00:26

diciéndome en algunos casos pues que no

play00:28

se debe introducir el texto directamente

play00:31

en nuestras aplicaciones android que

play00:33

como es que lo estaba haciendo así bueno

play00:35

pues es cierto lo normal lo más correcto

play00:37

no es introducir los textos directamente

play00:40

pues en las vistas de texto o texto

play00:43

corto o text view

play00:44

sino utilizar recursos de texto esto nos

play00:48

va a permitir entre otras cosas pues

play00:50

hacer que nuestras aplicaciones sean

play00:52

multi idioma es decir qué

play00:55

se presente en tanto en español como en

play00:57

inglés francés alemán o el idioma que

play00:59

quieras escoger de tal forma que

play01:01

cualquier persona en el mundo puede

play01:02

entender y utilizar nuestra aplicación

play01:05

para poder ver este ejemplo vamos a

play01:07

comenzar en el vídeo de hoy a elaborar

play01:10

pues una especie de juego un juego que

play01:12

seguro todos hemos jugado alguna vez

play01:15

sobre todo los que tenemos cierta edad

play01:18

es que me imagino que todos habréis

play01:20

jugado al juego asteroides o también

play01:23

llamados rocas en el cual bueno pues

play01:26

aparecen rocas por la pantalla que se

play01:28

van moviendo y tenemos que hacerlas

play01:30

pedazos no disparando a estos asteroides

play01:33

a estas rocas entonces como digo vamos a

play01:36

comenzar a elaborar en el día de hoy

play01:37

esta aplicación en sucesivos vídeos pues

play01:40

iremos confeccionando la poco a poco y

play01:43

esta aplicación nos va a servir para ir

play01:45

viendo pues muchísimas de las

play01:46

características que tienen las

play01:48

aplicaciones de android y también

play01:50

android studio luego entonces en el día

play01:52

de hoy comenzaremos a elaborar nuestro

play01:55

proyecto y veremos cómo hacer nuestra

play01:58

aplicación multi idioma utilizando

play02:00

recursos

play02:01

por supuesto iremos viendo por el camino

play02:03

pues varias cosas interesantes así que

play02:05

vamos a ello

play02:07

bueno pues una vez que arrancamos

play02:09

android estudio aquí tengo los dos

play02:11

proyectos que elaborado hasta el momento

play02:13

se trata de crear un nuevo proyecto

play02:15

luego entonces estar a enrique estudio

play02:18

project y aquí bueno pues el nombre que

play02:20

le voy a dar yo a la aplicación aunque

play02:22

vosotros podéis llamar a la aplicación

play02:23

como quiera irse pues va a ser el nombre

play02:25

de rocas pulsamos en siguiente voy a

play02:29

como versión ice cream sanwich que

play02:32

es la recomendada pues en estos momentos

play02:34

a la hora de grabar el vídeo le damos a

play02:36

siguiente y aquí pues al contrario de lo

play02:39

que hemos hecho en vídeos anteriores en

play02:40

el cual hemos estado utilizando siempre

play02:42

la plantilla basic activity pues vamos a

play02:44

utilizar la plantilla en tyc activity

play02:47

también acerca de esto me habéis hecho

play02:49

muchas preguntas desde que comenzamos el

play02:51

curso al escoger la plantilla basic

play02:54

activity que es la que hemos utilizado

play02:55

hasta ahora android studio nos crea dos

play02:58

archivos xml

play03:00

dentro de los layout uno que es activity

play03:02

main y otro que es content maine en el

play03:04

activity main pues android de estudio lo

play03:07

reserva todo lo que son elementos

play03:08

flotantes como por ejemplo el botón por

play03:10

el que me habéis preguntado muchas veces

play03:13

y también pues para algunos menús

play03:14

especiales etcétera si escogemos en tea

play03:17

activity actividad vacía o en blanco que

play03:20

es lo que vamos a hacer ahora android

play03:21

estudios no nos va a generar el archivo

play03:23

content main directamente nos generará

play03:26

solamente un xml el activity que bueno

play03:28

pues le vamos a dar a siguiente para que

play03:29

veamos que la forma de trabajar es

play03:31

exactamente la misma y en esta pantalla

play03:34

del asistente en el cual nos pregunta

play03:36

por el nombre de la actividad y por

play03:37

error del layout vamos a dejarlo como

play03:39

aparece por defecto pulsamos en

play03:40

finalizar y aquí pues esperamos a que

play03:43

android estudio pues construya nuestro

play03:46

proyecto

play03:51

una vez nos ha construido el proyecto

play03:52

pues si echamos un vistazo a la carpeta

play03:55

research y dentro del resort se nos

play03:57

vamos al eia 2 pues vemos poco

play03:59

efectivamente aquí tenemos el activity

play04:01

main pero ya no tenemos el contenido no

play04:03

es tablet android estudio el main

play04:05

activity java y el activity main xml voy

play04:08

a bajar la versión de android en vez de

play04:10

la preview de la versión n pues lo bajo

play04:13

a la 23 y aquí tenemos ya nuestra

play04:15

aplicación con su título

play04:17

bueno pues evidentemente tenemos que

play04:19

comenzar por confeccionar lo que va a

play04:21

ser la interfaz con la primera pantalla

play04:23

de bienvenida entonces yo lo que

play04:25

pretendo es crear una aplicación en la

play04:27

cual pues aparezca el título de la

play04:30

aplicación asteroides rocas o como lo

play04:31

queráis llamar y luego debajo pues una

play04:33

serie de botones tanto para comenzar a

play04:35

jugar como para salir del juego como

play04:37

para algunas opciones de configuración

play04:39

información adicional etcétera en

play04:41

definitiva va a tener un texto y cuatro

play04:44

botones quiero que cuando el dispositivo

play04:46

esté en vertical

play04:47

estos elementos pues estén perfectamente

play04:49

alineados y esto es algo que ya sabemos

play04:51

hacer debemos comenzar por cambiar el

play04:53

relato play out por un linier layout

play04:56

será más adecuado seguramente

play04:58

concretamente en vertical y luego puedes

play05:00

empezar a agregar elementos y más

play05:03

adelante vamos a agregar una novedad y

play05:06

es que vamos a cambiar el layout la

play05:09

visualización de nuestra aplicación de

play05:11

vertical a horizontal hasta ahora todo

play05:13

lo que hemos hecho pues contiene la

play05:16

misma visualización tanto si el

play05:17

dispositivo está en vertical como en

play05:18

apaisado como en horizontal

play05:20

pero hay algunas veces que la aplicación

play05:22

cuando se pone en horizontal no se

play05:24

muestra correctamente y esto se

play05:26

soluciona creando un layout diferente

play05:29

más ajustado al dispositivo en

play05:31

horizontal pero bueno esto lo veremos

play05:32

más adelante de momento comenzamos por

play05:34

cambiar el relative layout a este texto

play05:36

no nos vale con lo cual lo vamos a

play05:38

eliminar y aquí como decía pues vamos a

play05:40

cambiar el relativo layout lo entonces

play05:42

nos vamos a texto y en la etiqueta xml

play05:45

bueno pues cambiamos el relativo por una

play05:48

línea con lo cual ya tenemos aquí el

play05:51

linear layout vamos a cambiarle entonces

play05:53

la orientación para ello pues creamos

play05:55

una nueva línea dentro de lo que es la

play05:58

etiqueta linear layout antes de que se

play06:01

cierre el paréntesis angulares que te y

play06:03

aquí porque vamos a decir lo siguiente

play06:04

vamos a decirle android orientation y

play06:08

aquí pues le decimos vertical y con esto

play06:10

pues ya hemos cambiado el layout si nos

play06:13

vamos a diseño pues vemos como

play06:14

efectivamente así es aquí vemos como nos

play06:17

lo ha cambiado perfectamente

play06:19

una vez que hemos hecho esto debemos

play06:20

incluir pues el primer texto

play06:23

luego entonces yo quiero que aparezca

play06:26

todo esto también centrado verticalmente

play06:29

es decir que el texto no aparezca en la

play06:31

parte superior sino que aparezca pues

play06:33

justo en el centro de la pantalla esto

play06:36

lo podemos hacer desde el panel

play06:37

propiedades sin compone entry

play06:39

seleccionamos con un clic en líneas

play06:41

layout que acabamos de crear y nos vamos

play06:43

a gravity pues dentro de gravity y le

play06:46

podemos decir centre y con esto pues lo

play06:49

habremos conseguido de tal forma que

play06:50

ahora cuando incluyamos un elemento en

play06:52

este caso pues va a ser un lord text

play06:54

pues aparezca en el centro dictó de esto

play06:56

pues si directamente lo meto en el

play06:58

linier layout pues fijaos cómo

play06:59

efectivamente así es siguiente paso

play07:03

bueno pues cambiar el texto por el

play07:04

título de lo que será la aplicación y ya

play07:06

que me encuentra en el panel de

play07:07

properties pues lo voy a seguir haciendo

play07:09

desde aquí si nos vamos a texto aunque

play07:12

después cambiaremos esto pues vemos que

play07:15

aquí nos dice el art text te voy a poner

play07:17

rocas lo suyo sería que vosotros

play07:19

pusierais voy a pulsar intro para que lo

play07:21

coja pues el título que le habéis dado a

play07:24

la aplicación

play07:25

esteroides asteroides yo como lo llamado

play07:27

rocas pues rocas y ahora pues voy a

play07:30

incluir el primer botón luego entonces

play07:32

arrastró el botón a lo que sería dentro

play07:35

de linear layout y vemos como aquí ya

play07:38

aparece el primer botón y arrastro tres

play07:41

botones más de tal forma que tenga ya

play07:44

los cuatro botones ya la interfaz va

play07:47

tomando cuerpo vamos a ver cómo podemos

play07:49

separar un poco lo que sería el título

play07:52

de los botones hay varias formas de

play07:54

hacer esto podemos hacerlo por ejemplo

play07:56

con un padding es decir si yo selecciono

play07:58

el texto pues en el panel properties

play08:01

tiene que haber por ahí una propiedad

play08:02

que es el planning esto quien tenga

play08:04

conocimiento de css sabe perfectamente

play08:06

lo que estoy hablando y al desplegar el

play08:08

padding pues vemos que tiene padding por

play08:10

lo que sería crear una separación en los

play08:13

cuatro lados por arriba por la derecha

play08:14

por abajo y por la izquierda el eje

play08:16

izquierda tom wright y botón pues

play08:18

correspondería a una separación desde lo

play08:21

que es el elemento en este caso el texto

play08:23

es decir nosotros lo que estamos

play08:24

haciendo es lo siguiente

play08:26

tenemos aquí rocas y el padding lo que

play08:28

hace es controlar si le decimos todo la

play08:30

separación por los cuatro lados de este

play08:33

elemento respecto a lo que hay a su

play08:34

alrededor pero yo quiero crear una

play08:37

separación solamente por abajo para que

play08:39

lo que aparece a continuación que es el

play08:40

botón pues esté más separado y eso lo

play08:43

conseguimos con un patín botón es decir

play08:45

un padding por la zona inferior de tal

play08:48

forma que si yo aquí en botón le digo

play08:49

por ejemplo 20 etc

play08:51

ya hemos hablado de las unidades de

play08:52

medida anteriormente y le di al enter

play08:54

voy a quitar el zoom para que veáis el

play08:56

efecto en la vista previa podreis como

play08:58

hemos creado una separación si le

play09:00

queréis crear más separación pues eso ya

play09:02

os lo dejo a vuestro criterio y luego

play09:05

también me gustaría que estos botones

play09:08

ocuparan todo el ancho de lo que es la

play09:11

pantalla de lo que es la interfaz para

play09:14

que sea más cómodo de pulsar y eso lo

play09:16

conseguimos pues trabajando con la

play09:19

propiedad light with vemos como por

play09:22

ejemplo al seleccionar el primer botón

play09:24

pues tiene un like with rack content nos

play09:26

ha hablado también en vídeos anteriores

play09:27

que es lo que sí

play09:28

se adapta al contenido pero si le

play09:32

decimos aquí no en el desplegable en la

play09:34

flecha si le decimos max por en lo que

play09:37

le estamos diciendo con esto es que haga

play09:39

un match una correspondencia o se adapte

play09:41

al parent es decir al padre él dictó de

play09:44

otra forma le estamos diciendo que el

play09:45

width el ancho debe de ser el mismo que

play09:48

el componente de padre y el componente

play09:50

padre de este botón al igual que de los

play09:52

demás es en líneas layout con lo cual

play09:54

como en líneas layout que está ocupando

play09:56

todo el ancho pues con esto conseguimos

play09:58

que el botón tenga el mismo ancho que el

play10:00

padre luego entonces vamos a ver si es

play10:03

verdad le decimos a qui marchent ponent

play10:05

y vemos como el botón se ensancha bueno

play10:07

pues hacemos lo mismo con el resto de

play10:09

los botones esto lo podríamos hacer

play10:11

también desde código pero como hemos

play10:13

trabajado en vídeos anteriores bastante

play10:14

en código pues lo estoy haciendo ahora

play10:16

desde el panel de propiedades

play10:18

bueno pues aquí vamos haciéndole más

play10:20

parent ya tenemos los cuatro botones tal

play10:22

y como quería

play10:25

y ahora pues una vez llegados a este

play10:27

punto vamos a lo que verdaderamente nos

play10:29

interesa de este vídeo y es cómo empezar

play10:31

a utilizar recursos como podéis observar

play10:33

los botones por defecto tienen un texto

play10:35

que es new button y nosotros lo que

play10:37

hemos hecho hasta ahora es cambiar este

play10:38

texto directamente tanto en las vistas

play10:41

botones como en los textos entonces si

play10:44

lo hiciéramos como lo hacíamos hasta

play10:46

ahora que es lo que muchos de vosotros

play10:48

me decíais eso no se hace si ya no sé

play10:50

para qué ir poco a poco en el curso no

play10:52

pues lo que haríamos sería seleccionar

play10:53

el botón irnos a la propiedad text y

play10:56

aquí cambiar el texto de the new button

play10:58

pues aquí podríamos por ejemplo comenzar

play11:00

a jugar o lo que queráis ponerlo y el

play11:03

texto cambia esto se puede hacer así y

play11:06

funciona pero no estamos utilizando

play11:08

recursos que vamos a ver ahora qué

play11:10

significa eso y sobre todo nos permite

play11:12

que nuestra aplicación sea multi idioma

play11:15

es decir ya sabéis que el objetivo final

play11:18

de una aplicación casi siempre pues es

play11:20

colgar la aplicación en google play que

play11:22

la gente se la descargue y esto pues lo

play11:24

puede dejar

play11:25

una persona que habla en español en

play11:27

américa del sur latinoamérica o aquí en

play11:29

españa pero también te lo puedes

play11:31

descargar una persona de otro país que

play11:32

hable otro idioma en ese caso si lo

play11:34

hiciéramos así aquí va a poner siempre

play11:36

comenzar me da igual que se lo descargue

play11:38

un inglés un francés y un español si

play11:41

utilizamos recursos esto es lo que

play11:43

nosotros podemos cambiar luego entonces

play11:45

ahí pues en vez de utilizar un texto

play11:47

directamente utilizaríamos recursos para

play11:51

utilizar recursos lo que tenemos que

play11:52

hacer es dentro de la carpeta research

play11:54

el resto de los recursos irnos a la

play11:58

subcarpeta valores values y dentro de

play12:02

vallières hay un activo muy importante

play12:03

que es strings xml

play12:06

este archivo de ese que almacena o el

play12:08

que puede almacenar los textos de la

play12:11

aplicación para que de esta forma pues

play12:13

vayan cambiando según el idioma o la

play12:16

región donde se encuentre la persona que

play12:19

descarga la aplicación

play12:21

entonces para poder hacer esto lo que

play12:23

tenemos que hacer es abrir el archivo

play12:24

strings xml y vemos cómo se encuentra

play12:27

prácticamente vacío tan solo tiene una

play12:29

etiqueta resource es de apertura otra de

play12:31

cierre y luego pues aquí está lo que

play12:34

sería el nombre de la aplicación que es

play12:35

el único recurso que por defecto nos va

play12:37

a crear android esto lo que ha hecho es

play12:40

crear un recurso con esta etiqueta para

play12:42

lo que sería el título de nuestra

play12:44

aplicación y esta sería la estructura

play12:46

que debe tener una etiqueta para crear

play12:48

un recurso de texto string name el

play12:50

nombre que le queremos dar al recurso y

play12:52

luego pues el texto de ese recurso no

play12:55

confundir lo que sería el nombre del

play12:58

recurso con el texto del recurso este

play13:01

nombre es el que nos va a servir para

play13:04

poder identificar desde la aplicación

play13:06

aquel recurso apuntado ahora después lo

play13:08

vais a entender

play13:10

de tal forma que se trata de crear una

play13:12

etiqueta de estas características por

play13:14

cada botón con el texto que queremos que

play13:16

tenga el botón luego entonces yo lo que

play13:19

haría pues sería dentro de este archivo

play13:21

crear un poco de hueco y empezar a crear

play13:23

etiquetas de estas características es

play13:25

decir aquí un string name y ahora pues

play13:28

el nombre que le queremos dar a este

play13:30

recurso como se trata del recurso para

play13:32

el primer botón que se que el usuario

play13:34

pulsar a para comenzar a jugar pues aquí

play13:36

podemos llamarlo

play13:38

quizás

play13:39

inicio

play13:41

por llamarlo de alguna forma puede ser

play13:42

el nombre que vosotros queráis aquí

play13:44

cerraríamos el paréntesis angular de

play13:47

esta etiqueta android estudio ya nos

play13:49

crea automáticamente la etiqueta de

play13:50

cierre string y ahora vendría lo

play13:52

importante que es el texto que queremos

play13:55

que aparezca en este botón y aquí pues

play13:57

podemos poner por ejemplo

play13:59

jugar algo así bueno mira ya que estamos

play14:05

en español pues aquí iría la exclamación

play14:09

de apertura y una de cierre por ejemplo

play14:12

algo así no y ahora pues repetimos el

play14:14

proceso para los otros tres botones

play14:16

recuerdo que teníamos en nuestra

play14:18

aplicación cuatro botones el primero que

play14:19

es este no que va a poner jugar en el

play14:22

segundo pues va a poner por ejemplo

play14:24

se configuración en el tercero va a

play14:27

poner por ejemplo

play14:30

salir y en el cuarto pues voy a poner

play14:33

por ejemplo datos adicionales bueno pues

play14:37

vamos ahora con el segundo botón en el

play14:39

que tiene que poner configurar luego

play14:40

entonces bueno para no tener que

play14:42

escribir tanto pues yo voy a esta

play14:44

etiqueta la copio control ce y la voy a

play14:48

pegar debajo 2

play14:52

y debido de copiar mal

play14:54

repito el proceso selecciona la etiqueta

play14:56

digo para no escribir tanto y voy a

play14:58

tardar casi más

play14:59

pego pego y pego ya tengo cuatro cintas

play15:03

una para cada botón

play15:04

evidentemente androide estudio me está

play15:06

marcando un error porque no puede haber

play15:08

dos etiquetas con el mismo nombre

play15:09

identificativo aquí tenemos que empezar

play15:11

a cambiar cosas vamos a la segunda

play15:13

etiqueta que era para el elemento de

play15:15

configurar voy a llamarlo por ejemplo

play15:17

config y aquí pues en vez de jugar pues

play15:20

tiene que poner por ejemplo

play15:22

configuración

play15:28

la tercera etiqueta vas a ser para el

play15:30

elemento salir luego entonces el nombre

play15:32

identificativo pues va a salir

play15:37

y el texto va a ser salir puede

play15:39

coincidir lo que es el nombre del

play15:41

recurso con lo que es el texto en tyc y

play15:44

luego pues la última la voy a llamar por

play15:47

ejemplo de adicional

play15:51

ya que estamos vamos a escribirlo bien

play15:53

verdad y aquí que ponga por ejemplo

play15:56

datos adicionales un poco largo vamos a

play15:58

hacer que ponga por ejemplo

play16:01

con información

play16:04

y bueno pues con esto ya tendríamos

play16:05

nuestros primeros cuatro recursos bien

play16:09

ahora cómo se utiliza este nuestra

play16:10

aplicación nos vamos a activity main y

play16:14

ahora debemos hacer que cada uno de

play16:16

estos botones apunte al recurso

play16:20

correspondiente que acabamos de crear

play16:21

para saber qué texto debe de y eso

play16:25

lo hacemos de la siguiente forma

play16:26

seleccionamos el primer botón y desde el

play16:28

panel de propiedades también se podría

play16:30

hacer por supuesto desde texto pero yo

play16:32

entiendo que es más fácil aquí nos vamos

play16:33

a la propiedad text y fijaros como donde

play16:37

solíamos poner el texto nosotros

play16:39

manualmente a la derecha y un botón con

play16:40

tres puntos si pulsamos en ese botón nos

play16:43

va a salir una ventana emergente que nos

play16:45

va a permitir escoger el recurso de

play16:47

texto que queremos para este botón voy a

play16:49

quitar el zoom para que salga la ventana

play16:52

y la podamos ver todos aquí está y si

play16:54

estamos un vistazo en esta ventana pues

play16:57

vemos como navegando hacia abajo nos

play16:59

encontramos ya con los recursos que

play17:01

hemos creado hace un instante hemos

play17:03

creado cuatro recursos pues aquí

play17:05

estos otros recursos que aparecen aquí

play17:07

son recursos por defecto de android

play17:09

studio que se pueden utilizar en

play17:10

nuestras aplicaciones pero esto lo vamos

play17:12

a ver más adelante de momento como

play17:14

estamos en el primer botón pues creo que

play17:16

todos estamos de acuerdo que debemos

play17:17

utilizar el recurso inicio bueno pues se

play17:19

selecciona se pulsa en ok y fíjate como

play17:22

automáticamente en la vista previa ya

play17:24

aparece ahí el texto bueno pues así

play17:26

sería con el resto de los botones puede

play17:28

ser que alguno de vosotros esté pensando

play17:30

pues así tarda muchísimo más que si lo

play17:31

pongo directamente sí claro

play17:33

evidentemente pero te va a permitir que

play17:35

tu aplicación sea multi idioma es una de

play17:38

las cosas muy interesantes y no

play17:40

solamente eso sino que también se le

play17:42

puede dar más aplicaciones en el futuro

play17:45

bueno pues voy a hacer lo mismo para el

play17:46

resto de los botones selecciono el

play17:48

segundo botón y lo mismo no me voy a

play17:50

text y aquí pues selecciono el recurso

play17:55

aquí este era para hemos dicho aquí que

play17:58

tenía que ir configuración pues confía

play17:59

ya no es por el texto si quisiéramos

play18:02

hacerlo en vez de desde el panel de

play18:04

propiedades desde la vista texto

play18:06

bueno pues sería exactamente igual no

play18:08

nos vamos a texto fíjate como aquí nos

play18:11

crea concretamente éste esta propiedad

play18:15

para decirle a qué recurso debe apuntar

play18:18

pues hacemos lo mismo con el resto de

play18:20

los botones entonces aquí en vez de

play18:21

decirle

play18:24

dónde está esto aquí en android take new

play18:26

button pues lo que le tenemos que decir

play18:27

es

play18:30

fíjate como el asistente de android

play18:32

estudio en seguidamente ya me ofrecen

play18:34

pues los que empiezan por stream barra

play18:36

no que esta sería la sintaxis entonces

play18:39

como éste va a ser para el de salir pues

play18:41

en este caso habría que escoger string

play18:42

sal y si nos vamos ahora a vista diseño

play18:46

pues observamos cómo tiene el texto de

play18:49

salir es decir lo puedes hacer es desde

play18:50

propiedades poder de texto como os acabo

play18:52

de enseñar que voy a terminar el último

play18:54

seleccionamos el último botón y aquí

play18:56

pues hacemos lo propio cogemos el

play18:58

recurso y este iba a ser para datos

play19:00

adicionales pues el nombre del recurso

play19:02

de adicional y repito una vez más no

play19:04

confundir el nombre del recurso con el

play19:06

texto del recurso el nombre del recurso

play19:09

en esta ocasión es de adicional pero el

play19:10

texto del recurso es informe

play19:14

y bueno pues este sería el comienzo

play19:16

vamos a dejar de momento de este vídeo

play19:19

en el punto en el que nos encontramos y

play19:20

en el próximo vídeo pues seguiremos

play19:23

trabajando y veremos por supuesto cómo

play19:25

hacer que esta aplicación cambie este

play19:28

texto dependiendo de la configuración

play19:30

regional del dispositivo en definitiva

play19:32

dependiendo de si se ha descargado la

play19:34

aplicación inglés un francés un alemán

play19:36

etc

play19:36

así que os digo lo de siempre os invito

play19:38

a que permanezcan atentos a la próxima

play19:40

entrega hasta entonces que os vaya bien

Rate This

5.0 / 5 (0 votes)

Related Tags
Desarrollo de aplicacionesAndroid StudioMulti-idiomaRecursos de textoProgramaciónAplicaciones móvilesDiseño de UITutorialJavaXMLLocalización
Do you need a summary in English?