Mi Propia App

 Mi Propia App!!

Al final decidí hacer una aplicación de música, en la que puedas escuchar una cantidad de canciones, con diferentes opciones; Empezar, Pausar, Siguiente, Anterior y el Repetir.

--> Ventanas

Le puse una cuantas ventanas; la del incio, la de incia seción, la de las canciones, etc.

--> Ventana 1

Esta ventana sirve como una introduccion de la app, i para dirijirse a la siguiente ventana.

Diseño

En esta ventana simplemente le puse el botón de ''play'', el titulo de la app, y un fondo.

Botón: para hacer esto tuve que agregar botón en la parte de la izquierda y ponerle una imagen que elegí en ''agregar imagen al botón''.

Fondo: siplemente añadí imagen en donde pone '' añadir fondo a la ventana''.

Titulo: Aqui tuve que añadir una etiqueta e escribir el titulo que queria, luego tuve que ponerle el tamaño y letra que queria

Bloques: 

Lo unico que hacen estos bloques es cambiar de venatna a la siguiente

Resultado:

Ventana 2:Iniciar O registrarse

Esta ventana sirve para ir a las ventanas de registrarse o a la de iniciar cesión.

Diseño

El diseño es igual a la anterior ventana, tiene dos botones(uno para dirigirse hacia iniciar cesión y el otro para registrarse), un titulo e un fondo.

Para juntar los botones y ponerlos al lado utilicé la opción de disposición horizontal.

Bloques: 

Botón ''Sign in'': Hace que cuando yo le dé click me lleve a la ventana de ''registrarse''

Botón ''Login'':  Hace que cuando yo le dé click me lleve a la ventana de Iniciar sesión.

Resultado:

Ventana 3: Registrarse

Esta ventana servirá par registrarse en el sistema..

Diseño:

El diseño está formado por:una imagen como fondo un campo de texto donde pone el título, una etiqueta donde pone 'Sign up', una donde pone 'username', otra donde pone 'pass' y otra donde pone 'repeat pass'. También he puesto un campo de texto para poner el 'username' y puse 2 campos de contraseña. Al final puse un FireBase para guardar una información.

Bloques:

Bloques '' botón Log in'': Este botón hace que te dirijas al la pantalla con el nombre 'log in'

'' botón Sign up: Aquí dice que solamente si las dos contraseñas introducidas son iguales podrá registrarse bien, y pondrá en una etiqueta 'Usted se ha registrado correctamente', sino pondrá no se ha podido registrar. También ordené a FireBase que me guarde el texto de la contraseña introducida y el usuario introducido.  

  

Resultado:

Ventana 4: Iniciar Cesión

Esta ventana servirá para iniciar cesión despuès de registrarse en el sistema.

Diseño:

Su diseño es exactamente igual al de la anterior ventana, solo que aquí no hay 2 textos para la contraseña, sino 1.

Bloques:

Bloques ''botón Go Back'': Este botón hace que nos volvamos a la pantalla de ''iniciar cesión o registrarse''

Bloques ''botón log in'': Aquí dice que si el campo de texto donde pongamos nuestro usuario y la contraseña no están vacíos, entonces pondremos los datos del FireBase.

Bloques ''FireBase'': Aquí dice que si lo que se puso en el campo de contraseña y el valor de los datos de FireBase son iguales, entonces que se abriera la pantalla de las canciones, si no son iguales entonce en una etiqueta te pondrá ''Usuario y/o contraseña incorrectos.

Resultado:

Ventana 5: Canciones

En el diseño lo que puse primero: una etiqueta con el nombre ''songs'', una imagen con un logo del artista de las canciones, en una disposición horizontal puse; botón ''antrior'', botón ''repetir'' i botón ''siguiente''. En otra disposición horizontal abajo puse el botón de ''pausar'', y el de ''empezar''. Abajo puse una etiqueta con el nombre de ''Volume'' y más abajo tiene un deslizador(se puede encontrar en el menú izquierdo) que puede editar el volumen.

Bloques: 

Bloques '' botón salir'': Estos bloques dicen que cuando yo haga clic en salir, la aplicación se cierre.

Bloques '' botón empezar'': Aquí dice que cuando yo clique en el botón de empezar,el mobil vibre 500 milisegundos e inmediatamente empieze la primera canción. También dice que el volumèn de la ''alone''(la primera canción) se pueda editar. Finalmente dice que cuando yo clique en ''empezar'', el mobil v

Bloques ''deslizador Volumen'' 

uand En estos bloque, lo que quise que hizieran es que cuando una canción(''alone'') esté sonando, su volumen se pueda editar con el deslizador(puse que su volumen base es 100) y así con todas las canciones. Para añadir variables condicionales hay que clicar en el botón azul que está al lado de la primera ''sí''.
(Así hize con todas las canciones)

Bloques ''botón repetir''

En estos bloques dice que si clicas en el botón de repetir y una cancion está sonando, que se detenga la canción e luego inmediatamente vuelva a empezar. También puse lo del ''poner canción - volumen como deslizador 1..'' para tener lo del volumen funcional. 

(Asi le puse a todas las canciones).

Bloques ''botón pausar''

Para que se pause puse que cuando yo clique en el ''botón pausar'' una canción esté sonando y yo clique allí, primero que se vibre 500 milisegundos e despuès que se pause.

(Así hize con todas las canciones).

Bloques ''botón siguiente'':

Aqui pone que cuando yo clique en el ''botón siguiente'' y una canción este sonando, el mobil vibre 500 milisegundos, que la canción que estaba sonando se pause y que empieze a sonar la siguiente canción. También puse lo del ''poner canción - volumen como deslizador 1..'' para tener lo del volumen funcional.

(Así hize consecutivamente entodas las canciones)

Bloques ''botón anterior''

En ''anterior'' es lo mismo que ''siguiente'', solo que el orden de las canciones es al revès.

Resultado: