✅ ANDROID STUDIO APLICACIÓN CALCULADORA DESDE CERO BIEN EXPLICADO 📱

Yo Androide
25 Dec 201925:15

Summary

TLDREn este video tutorial, el creador de contenido, Jong Droide, guía a los espectadores a través del proceso de construcción de una aplicación de calculadora básica utilizando Android Studio. Comienza con la creación de un nuevo proyecto, eligiendo un nombre y configurando el paquete de nombre para evitar conflictos con Google Play. Luego, se enfoca en el diseño de la interfaz de usuario con un LinearLayout vertical, y procede a agregar elementos como TextView y Button para las operaciones aritméticas principales: suma, resta, multiplicación y división. Jong Droide también aborda la programación de la lógica detrás de cada botón y cómo manejar posibles errores, como la división por cero. Finalmente, ofrece consejos sobre la personalización de la apariencia de los botones y la mejora de la experiencia del usuario, concluyendo con una calculadora funcional y listas para ser probada y utilizada.

Takeaways

  • 📱 Crear una aplicación de calculadora básica en Android Studio es el objetivo del video.
  • 📝 Es importante elegir un nombre adecuado para el paquete de la aplicación, evitando 'example' para publicar en Google Play.
  • 🖥 Durante la construcción de la aplicación, el tiempo depende de la configuración y el hardware del equipo.
  • 🔨 Iniciar la aplicación para asegurarse de que se haya construido correctamente antes de agregar elementos.
  • 🧱 Utilizar LinearLayout para estructurar la interfaz de usuario de la calculadora.
  • 🔢 Agregar TextView y EditText para mostrar y editar los números respectivamente.
  • 🔴 Asignar nombres descriptivos a los botones de operación (suma, resta, multiplicación, división).
  • 🛠 Configurar el tamaño y el estilo de los elementos de la interfaz para mejorar la apariencia.
  • ⌨️ Establecer el tipo de entrada numérica para evitar la entrada de caracteres no deseados.
  • 🔁 Programar los métodos de las operaciones a través de Java para que los botones funcionen.
  • ⚠️ Incluir condiciones para manejar casos especiales, como la división por cero.
  • 🎨 Personalizar la apariencia de los botones y la disposición de los elementos en la pantalla.

Q & A

  • ¿Qué tipo de aplicación se está creando en el canal de Jong Droide?

    -Se está creando una aplicación de calculadora típica en Android Studio.

  • ¿Por qué no se debe utilizar 'pack as name' en Google Play?

    -No se permite subir a Google Play ninguna aplicación que tenga 'pack as name' porque podría ser confundido con un dominio de ejemplo y no es profesional.

  • ¿Qué es un 'LinearLayout' y cómo se utiliza en la creación de la vista de la calculadora?

    -Un 'LinearLayout' es una vista de diseño en Android que permite organizar elementos en una línea, ya sea horizontal o verticalmente. Se utiliza para moldear la vista de la calculadora en vertical.

  • ¿Qué elementos son necesarios para crear una calculadora básica en Android Studio?

    -Para crear una calculadora básica se necesitan dos TextView para los operadores (Operand A y Operand B), y cuatro botones para las operaciones básicas de suma, resta, multiplicación y división.

  • ¿Cómo se asegura de que la aplicación se ha construido correctamente antes de continuar?

    -Se asegura de que la aplicación se ha construido correctamente ejecutándola y previsualizando la aplicación en el emulador o dispositivo.

  • ¿Por qué se debe cambiar el tamaño del texto en el 'TextView'?

    -Se debe cambiar el tamaño del texto en el 'TextView' para que sea más legible y no se vea muy pequeño en la pantalla de la aplicación.

  • ¿Cómo se evita que el usuario escriba letras en lugar de números en la calculadora?

    -Se evita que el usuario escriba letras cambiando el 'input type' del 'EditText' a 'number', lo que muestra un teclado numérico y solo permite la entrada de números.

  • ¿Cómo se implementan las operaciones matemáticas en la calculadora?

    -Se implementan las operaciones matemáticas creando métodos para cada una de ellas (suma, resta, multiplicación y división) y luego asociándolos a los correspondientes botones mediante eventos de clic.

  • ¿Qué se debe hacer si se intenta realizar una división por cero en la calculadora?

    -Se debe controlar que el divisor ('d') no sea cero antes de realizar la división. Si el divisor es cero, se debe manejar la situación, por ejemplo, mostrando un mensaje de error o evitando la operación.

  • ¿Cómo se mejoran la apariencia y el diseño de los botones en la calculadora?

    -Se pueden mejorar la apariencia y el diseño de los botones utilizando 'layouts' para acomodarlos de manera más atractiva, centrando los elementos y definiendo tamaños y márgenes adecuados.

  • ¿Por qué es importante manejar los errores en el código de la aplicación?

    -Es importante manejar los errores en el código para evitar que la aplicación se cierre inesperadamente o muestre comportamientos indeseados. También asegura que la aplicación sea más robusta y funcional para el usuario.

Outlines

00:00

😀 Creación de una Aplicación de Calculadora en Android Studio

El primer párrafo describe el proceso de creación de una aplicación de calculadora en Android Studio. Se menciona la selección del proyecto, la configuración de un nombre y la importancia de cambiar el 'package name' si se desea publicar la aplicación en Google Play. Además, se habla sobre la construcción de la aplicación y cómo puede depender del hardware de la computadora. Finalmente, se inicia la creación de la interfaz de usuario y se destaca la necesidad de probar la aplicación para asegurarse de su correcta construcción.

05:02

📐 Diseño de la Interfaz de la Calculadora

Este párrafo se enfoca en el diseño de la interfaz de la calculadora. Se describe cómo se utiliza un 'LinearLayout' para estructurar la vista vertical de la calculadora. Además, se agregan elementos de la interfaz, como botones para las operaciones básicas de suma, resta, división y multiplicación, y se le da formato al número que aparece en la pantalla de la calculadora, incluyendo el ajuste del tamaño del texto.

10:03

🔢 Configuración de los Botones y Programación de Operaciones

En el tercer párrafo, se aborda la programación de los botones de la calculadora. Se detalla cómo se deben declarar y inicializar los botones para que realicen las operaciones aritméticas correspondientes. Se menciona la necesidad de manejar el casting de tipos de datos para que las operaciones puedan realizarse correctamente. Además, se discute la creación de métodos para las cuatro operaciones básicas y cómo se asocian con los botones de la interfaz.

15:04

🎛 Ajustes Finales y Control de Excepciones

Este segmento se centra en los ajustes finales de la calculadora y la implementación de control de excepciones, como la división por cero. Se describe cómo se debe manejar esta situación para evitar el cierre de la aplicación. Se sugiere la implementación de una condicional para verificar que el denominador no sea cero antes de realizar la división. Además, se habla sobre la apariencia de los botones y cómo se pueden mejorar utilizando layouts y estilos.

20:05

🖥️ Diseño del Layout y Alineación de los Elementos

El quinto párrafo se enfoca en el diseño del layout de la calculadora para mejorar la alineación y distribución de los elementos en la pantalla. Se describe cómo se utiliza la propiedad 'gravity' para centrar los elementos y cómo se pueden ajustar los tamaños y la orientación de los layouts para lograr una disposición más atractiva y organizada. Se menciona la posibilidad de agregar más elementos y cómo se pueden manipular para ajustar la apariencia final de la interfaz.

25:06

📨 Conclusión y Llamado a la Acción

En el último párrafo, el autor resume el contenido del video y hace un llamado a la acción para que los espectadores likeen, compartan y se suscriban al canal si les gustó el contenido. Se destaca la ayuda que el video puede ser para aquellos interesados en aprender a desarrollar aplicaciones en Android Studio y se menciona que el canal ofrece más contenido sobre temas relacionados.

Mindmap

Keywords

💡Android Studio

Android Studio es un entorno de desarrollo integrado (IDE) oficial de Google para desarrollar aplicaciones para Android. En el video, se utiliza para crear una aplicación de calculadora, mostrando cómo se inicia un nuevo proyecto y cómo se configura el entorno para el desarrollo.

💡Aplicación de calculadora

Una aplicación de calculadora es un programa que permite realizar operaciones matemáticas básicas como sumar, restar, multiplicar y dividir. El video se centra en la creación de tal aplicación, explicando los pasos necesarios para su desarrollo en Android Studio.

💡Layout

En el contexto de desarrollo de aplicaciones, un layout es la estructura de la interfaz de usuario que define cómo se organizan los elementos visuales en la pantalla. En el video, se utiliza un LinearLayout para organizar verticalmente los botones de la calculadora.

💡Botones

Los botones son elementos de la interfaz de usuario que permiten a los usuarios interactuar con la aplicación. En la construcción de la calculadora, se crean botones para las operaciones aritméticas básicas y se les asignan nombres y funciones específicas.

💡TextView

Un TextView es un widget en Android que se utiliza para mostrar texto en la pantalla. En el video, se utiliza un TextView para mostrar el resultado de las operaciones aritméticas en la calculadora.

💡EditText

Un EditText es un tipo de widget que permite a los usuarios ingresar texto. Aunque no se utiliza explícitamente en el video, es un componente común en las aplicaciones de calculadora para que los usuarios introduzcan los números a operar.

💡Operaciones aritméticas

Las operaciones aritméticas son las acciones básicas de matemáticas que incluyen sumar, restar, multiplicar y dividir. El video muestra cómo programar estas operaciones en la aplicación de calculadora para que funcionen según lo esperado.

💡Emulador

Un emulador es un software que simula el funcionamiento de un dispositivo o sistema operativo. En el video, se menciona el uso del emulador para probar y visualizar la aplicación de calculadora antes de instalarla en un dispositivo real.

💡Paquetes (Package)

En programación, un paquete es un contenedor que se utiliza para organizar y almacenar clases en relación con su funcionalidad. En el video, se destaca la importancia de no utilizar 'example' en los nombres de los paquetes si la aplicación se pretende subir a Google Play.

💡Eventos de clic (Click Events)

Los eventos de clic son acciones que ocurren cuando un usuario interactúa con un botón o elemento de la interfaz de usuario. En el video, se programan eventos de clic para los botones de la calculadora para que realicen las operaciones aritméticas correspondientes.

💡Condicionales

Los condicionales son estructuras de control de flujo que determinan qué acciones se llevan a cabo en función de si una cierta condición es verdadera o falsa. En el video, se utiliza un condicional para manejar el caso en el que el usuario intenta dividir por cero.

Highlights

Creación de una aplicación de calculadora en Android Studio.

Selección de un nombre para el proyecto y consideración de las restricciones de Google Play.

Uso de un LinearLayout vertical para estructurar la interfaz de la calculadora.

Inclusión de TextView para mostrar los números y operaciones realizadas.

Adición de botones para las cuatro operaciones básicas: suma, resta, multiplicación y división.

Configuración de los atributos de los elementos de la interfaz, como el tamaño y color del texto.

Implementación de la lógica para las operaciones matemáticas en el MainActivity.java.

Manejo de posibles errores, como la división por cero, con condiciones y mensajes de error.

Adaptación de la aplicación para manejar números decimales en las operaciones.

Ajuste del diseño para mejorar la visualización y disposición de los botones.

Uso de layouts para organizar y centrar los elementos de la interfaz de usuario.

Importancia de probar la aplicación con diferentes conjuntos de números para asegurar su funcionalidad.

Incluye sugerencias para mejorar la apariencia de los botones y la interfaz en general.

Mencion de otros tutoriales y contenidos relacionados con Android Studio y desarrollo de aplicaciones.

Instrucciones para apoyar el canal: dar like, compartir y suscribirse para recibir más contenido.

Transcripts

play00:00

hola que tal amigos este es el canal de

play00:01

jong droide y hoy vamos a crear lo que

play00:03

es una aplicación en android studio que

play00:06

es la típica aplicación de calculadora

play00:08

entonces bueno vamos a darle en crear

play00:10

nuevo proyecto y seleccionamos una

play00:12

ventana bueno yo voy a abrir esta que

play00:15

dice mtv ti

play00:17

y la vamos a dar aquí en siguiente y

play00:19

aquí le ponemos un nombre yo lo voy a

play00:22

poner y calculadora

play00:25

calculadora y bueno aquí hay una parte

play00:28

interesante y es el podcast name en el

play00:30

caso de que esto sea esto simplemente

play00:31

sea una tarea para el colegio la

play00:34

universidad que se lleva algún curso que

play00:37

están haciendo no hay lío pero si su

play00:39

idea es crear una aplicación para

play00:41

subirla de google play este pack as name

play00:43

tienen que cambiarlo porque en la google

play00:46

play no dejan subir ninguna aplicación

play00:48

que tenga este pack as name punto

play00:50

example

play00:52

entonces por ejemplo yo lo podría

play00:53

cambiar por equis de zeta

play00:59

y punto

play01:01

yo androide y lenguaje aquí seleccionan

play01:07

pues para este tutorial yo voy a estar

play01:09

usando ya va así que marcan ya va

play01:12

y vamos a presionar en finish

play01:18

y ya aquí lo que comiences a construir

play01:20

la aplicación

play01:33

entonces bueno dependiendo de su

play01:35

computador pues aquí empieza el proceso

play01:37

de construcción de la aplicación esto

play01:40

puede tardar poco tiempo o puede tardar

play01:42

mucho tiempo como lo he mencionado antes

play01:44

esto depende mucho de qué tipo de

play01:46

configuración tengan en su computadora a

play01:49

nivel de hardware entonces bueno sabemos

play01:52

esto acá vamos aquí entonces bueno este

play01:54

proceso puede tardarse un poco así que

play01:56

yo voy a pasarlo mientras construye

play02:00

bien ya se termina de construir así que

play02:02

ahora que sigue se van a empezar a abrir

play02:04

automáticamente lo que son dos ventajas

play02:06

una se llama activity main xml que esta

play02:12

ventana lo que va a contener es la vista

play02:14

de la aplicación aquí está y esta otra

play02:17

ventana main activity punto java es la

play02:20

lógica de la aplicación entonces bueno

play02:24

aquí estaría lo que es por así decir la

play02:26

vista entonces

play02:29

qué vamos a hacer ahora vamos a empezar

play02:31

primero a moldear lo que es la vista por

play02:34

así decirlo

play02:39

antes de empezar a moldear lo que la

play02:40

vista primero debemos correr la

play02:42

aplicación para asegurarnos de que al

play02:44

menos se construyó correctamente

play02:46

entonces le vamos a dar aquí en este

play02:48

símbolo de play para empezar a

play02:50

previsualizar nuestra aplicación

play02:52

entonces vamos a acomodar esto por aquí

play02:54

porque ahora se nos va a abrir

play02:55

automáticamente nuestro nuestro emulador

play02:59

vamos a dejar esto aquí más o menos aquí

play03:02

que ahora se lanza lo que es el emulador

play03:05

que está pasando en estos momentos está

play03:08

construyendo la aplicación lo que pasó

play03:12

hace unos minutos fue construcción del

play03:14

proyecto ahora está construyéndose la

play03:15

aplicación se construye una pk y esa

play03:18

pekka se envía a un emulador

play03:23

bien como podrán ver ustedes aquí al

play03:26

lado izquierdo pues aparece esta

play03:27

visualización calculadora halo word que

play03:30

es esta misma letra que destaca que si

play03:33

nosotros queremos la podemos quitar

play03:34

presionando suprimir porque obviamente

play03:37

no las vamos no la vamos a necesitar

play03:39

notarán ustedes que si presionamos aquí

play03:41

pues obviamente la siguiente es que

play03:44

vuelva a correr la aplicación pues ya no

play03:45

va a aparecer este gel o word entonces

play03:48

bien vamos a primero hacer lo que es un

play03:50

lineal layout entonces vamos a ir aquí a

play03:52

la parte de texto para nosotros poder

play03:54

editar manualmente el código

play03:59

por aquí yo creo

play04:01

esto

play04:12

elegimos líneas layout triste perfecta

play04:15

volvemos aquí en la sección de diseño y

play04:17

bueno me debes crear una aplicación

play04:19

calculadora bastante sencilla entonces

play04:21

vamos a crear que se yo

play04:25

y un desvío aquí no vamos a ir agregando

play04:28

los vamos a ir soltando aquí bueno vamos

play04:31

a cambiar esto vamos a cambiar la

play04:33

orientación y la vamos a poner aquí

play04:36

pero vamos a ponerla aquí en vertical

play04:38

entonces este test view

play04:41

que ustedes verán acá pues lo vamos a

play04:44

configurar más tarde para que no nos

play04:46

ocupe todo esto entonces aquí iría un

play04:50

test view aquí y lo que se conoce como

play04:53

plane test que es un play interesa

play04:56

entonces en un plante es yo puedo

play04:58

escribir lo que son nombres por así

play05:02

decirlo entonces va mostrarles

play05:03

obviamente no se verá bien por el

play05:05

momento pero la idea es que no te guste

play05:10

de la diferencia entre desvió implantes

play05:18

entonces bien la diferencia entre un

play05:20

test view es que si en el desvío

play05:22

simplemente muestra más información en

play05:24

cambio en el en el edite después

play05:27

nosotros podemos escribir cosas ahí en

play05:30

ese entonces que es lo que vamos a hacer

play05:33

vamos a crear lo que es una calculadora

play05:35

básica de pues las cuatro operaciones

play05:38

básicas para esto entonces vamos a

play05:41

agregar puros puros que puros plane test

play05:45

aquí

play05:46

vamos a agregar dos plantas que uno

play05:48

sería el operadora y el otro sería el

play05:50

operador b luego vamos a agregar algunos

play05:53

botones que serían cuatro para ser más

play05:56

exactos

play05:59

2

play06:02

3 y 4

play06:07

aquí estaría cada botón sería obviamente

play06:10

una operación entonces este test view

play06:13

de hecho no lo consideraron innecesario

play06:16

este desvío vamos a quitarlo y vamos a

play06:18

dejar solo esto entonces aquí vamos a

play06:21

cambiarle el nombre a los botones aquí

play06:23

en este texto por ejemplo este será suma

play06:27

este otro botón va a hacer resta

play06:32

y este otro más en división

play06:37

división este otro botón va a ser

play06:40

multiplicación

play06:48

multiplicación listo entonces para un

play06:51

división de los quiero también matilde

play06:53

aquí listo entonces aquí estaría

play06:56

división

play06:59

tenemos las cuatro operaciones básicas y

play07:01

aquí name pero esto con lo que alguien

play07:03

entonces simplemente una escribir

play07:07

es por esto que dice test de las dos

play07:16

entonces vamos a buscar una parte que

play07:18

dice he aquí que 'sin sería como la

play07:21

sugerencia que nosotros queremos

play07:23

escribir

play07:27

y acá también le vamos a poner escribe

play07:29

noveno

play07:36

ahí sería más o menos bueno y esto sería

play07:39

a grosso modo bueno esto sería a grosso

play07:43

modo lo que necesitamos bueno de hecho

play07:45

si necesitamos si necesitamos el tercio

play07:48

para mostrar la respuesta

play07:50

entonces este término se va a llamar

play07:56

vamos a quitarle esto

play07:59

y aquí donde dice aid y le vamos a poner

play08:02

respuesta

play08:05

el aire es simplemente un identificador

play08:08

para cuando nosotros trabajemos del lado

play08:10

de allá va entonces a esto le vamos a

play08:11

cambiar

play08:12

intel vamos a ponerle

play08:15

vamos a ponerle número 1

play08:18

ya esté acá le vamos a poner número 2

play08:24

vamos a hacer lo mismo con los botones

play08:26

porque luego nos vamos a perder entonces

play08:28

un botón ray al piso sumar

play08:32

este será botón ryan piso resta

play08:39

éste será botón ray albisu

play08:43

división y ya estoy acá será botón raya

play08:47

piso multiplicación en esta parte si no

play08:49

vayan a colocar tildes ni nada de eso

play08:51

porque les puede dar errores en tiempo

play08:54

de compilación multiplicación y listo

play08:57

ahora bien ustedes le pueden dar formato

play08:59

a esta parte de acá entonces bueno por

play09:01

defecto para que veamos qué es lo que

play09:03

tiene ahí vamos a definirlo con un cero

play09:06

bien como podrán ver aquí a mano

play09:08

izquierda pues ya se ven algunas cositas

play09:10

algunos botones y aquí se ve este número

play09:13

cero pero pues se ve muy pequeño no

play09:15

entonces nosotros le podemos cambiar el

play09:17

tamaño por así decirlo a esto que vamos

play09:20

a hacer vamos a ir aquí y le vamos a dar

play09:21

clic aquí a este test view y vamos a

play09:24

darle mostrar más atributos entonces si

play09:27

le damos mostrar más atributos vamos a

play09:28

ir acá a una parte que se dice size que

play09:33

está acá en la parte ya terminando

play09:36

aquí entre 6 entonces esto lo pueden

play09:39

cambiar por ejemplo por un 24

play09:42

vamos a dejarlo en 30

play09:46

y esto sería como el tamaño de ese cero

play09:49

también se pueden configurar otras cosas

play09:52

como el color de ese texto si ustedes le

play09:55

dan clic aquí les va a mostrar una

play09:57

paleta de colores que ustedes podrán

play09:59

cambiar y como podrán ver aquí pues este

play10:02

cero ha crecido un poco que sigue ahora

play10:05

por ejemplo si vamos aquí mirarán que

play10:07

también podemos escribir

play10:09

letras y esto no es lo ideal si esto es

play10:12

una aplicación de calculadora entonces

play10:14

para eso vamos a ir aquí

play10:16

y vamos a cambiar esa configuración para

play10:19

cambiar la configuración simplemente y

play10:21

vamos a ir aquí a donde dice input type

play10:24

vamos a darle click a la banderita y

play10:26

podemos seleccionar el tipo que nosotros

play10:29

deseamos como somos como es número

play10:31

simplemente seleccionamos aquí nombre

play10:33

acá vamos a seleccionar también lo mismo

play10:36

desmarcamos las que hayan marcadas y

play10:39

marcamos lo que es lo que digan número y

play10:42

vamos a proceder a darle a aplicar que

play10:45

va a pasar que ahora simplemente cuando

play10:47

corramos nuevamente esto pues nos va a

play10:49

mostrar un teclado numérico con signos

play10:54

ya no nos va a permitir escribir letras

play10:56

si damos clic en cualquiera de estas

play10:58

casillas escribe un número como verán

play11:00

sólo aparecen números

play11:02

igualmente acá entonces ya pero ahora si

play11:05

presionamos clic en cualquiera de estos

play11:07

botones no van a funcionar y con obvia

play11:09

razón porque aún no hemos programado la

play11:12

parte del back in por así decirlo que es

play11:15

lo que está hecho en jaws entonces

play11:17

empecemos

play11:20

recordemos que entre el estudio por cada

play11:22

elemento debemos declararlo acá vamos a

play11:25

empezar primero con los botones

play11:28

primer botón y vamos a llamar este sur

play11:33

podemos hacer lo mismo con los demás

play11:34

botones control ce y sabemos que son

play11:37

cuatro botones por razones prácticas

play11:39

obviamente esto debería llamarse algo

play11:42

así

play11:45

que sigue ahora esos botones nosotros

play11:48

debemos inicializar los entonces por

play11:50

ejemplo botón suma

play11:54

a ser igual bayly

play11:58

jaime bayly y aquí va a recibir algo que

play12:01

se llama r

play12:02

punto

play12:04

y punto y aquí es donde viene la parte

play12:09

interesante vamos a limpiarlo con el

play12:10

indi que habíamos definido anteriormente

play12:12

que era el volcán son

play12:15

vamos a darle enter y vamos a presionar

play12:18

vamos a hacer prácticamente lo mismo

play12:20

para los otros 4 botones y estaba y ya

play12:24

los tenemos declarado así que ahora

play12:25

vamos a declarar los demás elementos que

play12:27

nos faltan que otros elementos nos están

play12:30

faltando estos importes y esto está el

play12:32

view

play12:33

entonces vamos a hacer lo mismo saca a

play12:35

cero

play12:43

primero desvió y esta sería el término

play12:46

sería la respuesta

play12:52

resd

play12:54

y tendríamos primer primer interés

play13:01

acá

play13:05

entonces sería número uno por ejemplo

play13:09

y copiamos esto mismo ya que es

play13:12

prácticamente lo mismo para el número 2

play13:14

ya tenemos todo listo vamos a hacer lo

play13:16

mismo acá en el método grade y vamos a

play13:20

definir de respuesta igual

play13:24

fayad y r punto y punto

play13:30

entonces buscamos lo que diga la

play13:32

respuesta que es este después y ahora

play13:36

hacemos lo mismo para el del número

play13:38

vamos a crear cuatro métodos por ejemplo

play13:44

y este se va a llamar suma y van a

play13:48

recibir

play13:49

[Música]

play13:54

estos métodos a sumar

play14:00

de hecho estos métodos son iguales

play14:06

todos los cuatro métodos son iguales

play14:08

porque son cuatro operaciones muy

play14:10

básicas las que vamos a realizar

play14:11

entonces

play14:13

lo que vamos a hacer lo siguiente

play14:17

ahora qué es lo que debemos hacer

play14:19

asociarlo a cada uno de estos botones

play14:23

vamos a ir aquí al botón sumar

play14:26

y vamos a escribir un clic

play14:35

vamos a seleccionar que éste se dé un

play14:37

clic list enero

play14:42

y aquí en un clic lo que vamos a hacer

play14:45

es llamar a su marca que va a recibir

play14:47

suma dos parámetros vamos a tener que

play14:50

organizar el código aquí porque la

play14:52

declaración de estos dos números de

play14:54

vivir aquí en la parte superior porque

play14:56

luego nos va a dar un error entonces

play14:58

suma vamos a hacer una conversión

play15:00

primero porque esto qué es lo que nos

play15:01

retorna esto en realidad no retorna es

play15:04

un string pero nosotros necesitamos un

play15:07

número entonces para eso debemos

play15:08

castigarlos primero y vamos a escribir

play15:10

integrar y toparse un toparse in y

play15:14

entonces aquí irían

play15:17

el número 1 punto

play15:26

montones

play15:29

coma

play15:31

pero aquí y juguetes y repetimos el

play15:36

mismo proceso de hecho voy a copiar esto

play15:38

aquí

play15:41

porque en realidad pues es lo mismo

play15:43

darle click aquí y éste serían dos

play15:52

entonces bien eso sería prácticamente lo

play15:55

que va a pasar cuando pase ese botón

play15:58

pero aquí lo que vamos a hacer es vamos

play16:02

a definir tres respuesta aquí

play16:06

respuesta

play16:08

y punto

play16:12

y a eso le vamos a pasar este método de

play16:14

acá

play16:19

vamos a añadir otro paréntesis aquí y

play16:22

listo eso es lo que tendríamos hasta el

play16:24

momento hasta el momento ese método

play16:26

debería estar funcionando no se

play16:28

preocupen por el código que el código se

play16:30

lo dejaré en la descripción del vídeo en

play16:32

términos generales ya estaría listo pero

play16:34

bueno resulta que android studio es

play16:37

bastante caprichoso entonces esto nos

play16:40

dará un error porque porque esta suma en

play16:43

realidad retorna un entero y nosotros

play16:47

estamos definiendo la como set es

play16:49

entonces qué va a pasar

play16:50

esta es en realidad en serio muy

play16:55

michael muy dentro de estudio para

play16:58

evitar errores entonces sólo tiene que

play17:00

sumar esto

play17:05

adentro

play17:10

y eso evitará que les aparezca un error

play17:12

en tiempo de ejecución entonces ahora sí

play17:14

vamos a correrlo nuevamente vamos a

play17:17

hacer una operación bastante sencilla

play17:18

que sería 2 más 2 les vamos a escribir

play17:20

suma y como verán ustedes ya ha cambiado

play17:22

a 4 vamos a continuar con el resto tones

play17:25

quesería

play17:28

botón división

play17:33

y básicamente el código sería el mismo

play17:38

con clijsters y autocompletar y listo

play17:44

hacemos lo mismo

play17:46

copiamos toda esta línea de código lo

play17:48

bueno de crear métodos que se llamen

play17:50

casi iguales que es lo único que debemos

play17:52

hacer aquí es cambiar esto por división

play17:58

como podrán ver ahí ya quedaría listo

play18:00

ahora hacemos lo mismo con

play18:03

multiplicación button multiplicación set

play18:09

aunque existen el new control espacio

play18:15

auto completamos y listo

play18:18

volvemos a pegar lo mismo pero esta vez

play18:21

como esto

play18:23

multiplicación simplemente cambiamos

play18:25

este nombre por multiplicación ahora

play18:28

vamos aquí al último que nos queda que

play18:31

es el botón resta

play18:34

botón resta entonces

play18:38

conklin y tener un hijo y aquí vamos a

play18:42

completar esto y cambiamos esto por

play18:45

restar

play18:51

básicamente así tendremos nuestra

play18:53

calculadora completa vamos a correr la

play18:55

lista entonces ahora vamos a hacer estos

play18:58

dos números 12 y 6

play19:02

entonces si presionamos el botón suma

play19:05

nos va a dar 18 si presionamos el botón

play19:08

resta nos va a dar 6 y presionamos el

play19:10

botón división nos va a dar 2 si

play19:12

presionamos multiplicación nos va a dar

play19:14

72 básicamente esa es la función en

play19:17

términos generales de la calculadora así

play19:20

sería como funciona como les digo si

play19:22

quieren sumar números un poco más

play19:24

grandes deben usar el doble que esto

play19:27

cambiaría un poquito las cosas creo

play19:30

vamos a hacerlo de una vez

play19:34

y aquí no

play19:38

pero si creo que cambiaría algunas cosas

play19:41

obviamente por ser una calculadora la

play19:44

recomendación es que acá también usando

play19:46

balls por qué pues porque básicamente

play19:48

cuando nosotros hacemos divisiones

play19:51

pueden aparecer lo que son pues números

play19:54

con decimales obviamente aquí

play20:00

aquí nos va a funcionar ahora

play20:04

y ya nos aparecen lo que son los números

play20:06

decimales entonces estas operaciones ya

play20:09

la están haciendo con decimales entonces

play20:11

si ustedes podrán ver la suma que pasa

play20:14

cuando son números muy grandes intentar

play20:18

reducirlos también en este caso se

play20:20

intentó cerrar la aplicación hay otras

play20:23

cosas que también debemos tener en

play20:25

cuenta cuando hacemos las aplicaciones

play20:26

tipo calculadora qué pasa si nosotros

play20:29

dividimos por cero la división por cero

play20:31

no existe entonces pues eso debemos

play20:35

nosotros controlarlo aquí en esta parte

play20:38

porque qué pasa si yo divido 50 entre 0

play20:42

por ejemplo

play20:43

si yo divido 50 entre 0 pues la

play20:46

aplicación se me va a cerrar porque eso

play20:48

es tan indeterminado entonces qué es lo

play20:50

ideal entonces nosotros acá pongamos con

play20:54

condicional que p tiene que ser

play20:58

diferente de cero porque si es diferente

play21:02

el cero entonces nosotros vamos a crear

play21:04

una variable que se llama acá

play21:07

y

play21:10

respuesta y la vamos a declarar y 10

play21:14

listo entonces si esto se da

play21:22

lo siento estoy con un teclado nuevo así

play21:24

que

play21:25

y bueno entonces si esto es si ve es

play21:29

diferente de cero

play21:31

entonces nosotros podemos decir

play21:34

qué respuesta es igual a a / e

play21:40

y aquí vamos a borrar esto y vamos a

play21:43

retornar nos gusta

play21:47

qué pasa si es diferente de cero pues

play21:50

que simplemente

play21:53

perdón qué pasa si d es igual a 0 pues

play21:55

simplemente nunca va a entrar aquí no va

play21:57

a realizar la operación va a retornar la

play21:59

respuesta que la respuesta es 0 entonces

play22:02

si quieren lo podemos probar

play22:05

bien entonces vamos a hacer otra vez la

play22:07

misma operación pero estamos a divide

play22:09

bueno vamos a vivir esto por 50 vamos a

play22:12

hacer la división vamos a presionar y

play22:14

como verdad a ustedes pues simplemente

play22:16

nos muestra 0 ya no nos aparece ya no se

play22:18

nos va a cerrar la aplicación

play22:21

entonces en términos generales así es

play22:23

como funciona esto y ustedes dirán pues

play22:26

bueno estos botones así como hacia abajo

play22:28

no es que se vean muy atractivos pues

play22:30

bien para eso existen los layouts pueden

play22:33

ver un videito especializado de las outs

play22:34

o bueno podemos podemos acomodarlo en

play22:38

este momento vamos a arrastrar esto este

play22:41

componente que se llama el layout este

play22:44

componente es una tabla

play22:47

nosotros lo que vamos a hacer es definir

play22:49

como la cantidad de elementos que va a

play22:52

tener esta tabla por ejemplo

play22:54

entonces simplemente vamos a arrastrar

play22:56

un elemento aquí

play22:59

vamos a arrastrar otro elemento acá

play23:02

vamos a arrastrar otro elemento acá

play23:06

y vamos a arrastrar otro elemento acá

play23:13

y vamos a agregar por ejemplo a este

play23:18

le vamos a agregar aquí

play23:21

y aquí ya quedarían cuadraditos esto lo

play23:23

vamos a quitar

play23:26

este también lo vamos a quitar

play23:29

y qué ha pasado aquí pues que

play23:30

básicamente esto está ocupando toda la

play23:33

pantalla entonces le vamos a agregar

play23:35

content y aquí también wrap content

play23:39

y ahora si va a dejar acomodarlo va a

play23:43

aparecer aquí pero bueno ustedes dirán

play23:45

porque todo aparece como hacia un lado

play23:47

pues eso es por la orientación que hemos

play23:49

decidido darle entonces vamos a ir aquí

play23:52

la parte gravity y vamos a definir todo

play23:55

como que esté

play23:57

al centro

play23:59

marcamos aquí está que dice center van a

play24:02

aplicar

play24:03

y esto es lo que va a hacer es que cada

play24:05

uno de los elementos lo va a orientar

play24:08

hacia el centro la excepción de bueno

play24:10

esto tampoco no lo orientó desde el

play24:12

centro

play24:14

bueno aquí ya tenemos los botoncitos

play24:16

orientados al centro

play24:17

entonces bueno todo esto es en la

play24:20

sección del layout si ustedes quieren

play24:22

darle por ejemplo tamaño a esto

play24:26

si ustedes quieren darle tamaño a esto

play24:28

por defecto pues esto también se puede

play24:30

cambiar pueden meter cada uno de estos

play24:33

complemento de estos elementos dentro de

play24:35

un layout y a cada layout puedes

play24:37

establecer le un tamaño por defecto

play24:40

entonces eso ha sido todo por el día de

play24:42

hoy espero que les haya gustado este

play24:44

vídeo que sea gran ayuda este canal

play24:47

tiene varios vídeos sobre android studio

play24:50

trabajo con google maps y todo este tipo

play24:54

de cosas agregar paneles de publicidad

play24:55

etcétera entonces si les ha gustado este

play24:58

vídeo y quieren seguirlo siguiendo más

play24:59

contenido no olviden darle like a este

play25:02

vídeo compartirlo si es posible y pues

play25:06

me podrían ayudar con una suscripción

play25:08

esto es todo por el día de hoy miren

play25:10

aquí ya estamos botoncitos que tengan

play25:12

todos un buen día

Rate This

5.0 / 5 (0 votes)

Related Tags
Desarrollo de AplicacionesAndroid StudioTutorialInterfaz de UsuarioLógica de ProgramaciónAplicación de CalculadoraDiseño GráficoJavaXMLEmulador AndroidControl de Errores
Do you need a summary in English?