Embed Size (px)
Citation preview
AA
ALBERTO DAVID ZEPEDA SALDAÑA
CECYTEM TECAMAC
MANUAL DE APLICACIONES ANDROID
INDICE:
HOLA MUNDO……………………………………………………………………………………………………………………………………………PAG. 3
OPERACIONES……………………………………………………………………………………………………………………………………………PAG. 5
ALBUM…………………………………………………………………………………………………………………………………………… PAG. 10
ALL APP…………………………………………………………………………………………………………………………………………… PAG. 13
RGB to HEX……………………………………………………………………………………………………………………………………………PAG. 18
REBOSO DROID……………………………………………………………………………………………………………………………………………PAG. 23
CALCULAR EDAD……………………………………………………………………………………………………………………………………………PAG. 27
PHONE GAP……………………………………………………………………………………………………………………………………………PAG. 33
BD……………………………………………………………………………………………………………………………………………PAG. 37
LISTVIEW……………………………………………………………………………………………………………………………………………PAG. 43
MENU……………………………………………………………………………………………………………………………………………PAG. 46
ACELEROMETRO……………………………………………………………………………………………………………………………………………PAG. 49
CANVAS……………………………………………………………………………………………………………………………………………PAG. 52
CALCULADORA……………………………………………………………………………………………………………………………………………PAG. 55
SONIDOS DE ANIMALES………………………………………………………………………………………………………………………………………PAG. 73
GIROSCOPIO……………………………………………………………………………………………………………………………………………PAG. 78
CHECKBOX……………………………………………………………………………………………………………………………………………PAG. 81
RADIO BUTTON……………………………………………………………………………………………………………………………………………PAG. 86
PROGRESS BAR……………………………………………………………………………………………………………………………………………PAG. 90
SPINNER……………………………………………………………………………………………………………………………………………PAG. 95
WEB VIEW……………………………………………………………………………………………………………………………………………PAG. 102
DATE PICKER……………………………………………………………………………………………………………………………………………PAG. 107
APLICACIÓN NO: 1 “HOLA MUNDO”
ACTIVITY MAIN (XML):
EN ESTE ACTIVITY ENCONTRAMOS EL DISEÑO VISUAL DE NUESTRA APP Y ES AQUÍ DONDE NOSOTROS CONFIGURAMOS Y ESTABLECEMOS LOS VIEWS PARA LA MISMA; ESTA SE DIVIDE EN DOS INTERFACES, GRAPHICAL LAYOUT (DONDE SE ENCUENTRA UNA VISTA PREVIA DE LA APP) Y ACTIVITY MAIN (AQUI SE ESTABLECEN LOS VIEWS) .
1.- EL PRIMER PASO ES ESTABLECER UN LINEAR O RELATIVE LAYOUT QUE ESTE NOS PERMITE DIVIDIR O SELECCIONAR TODA LA PANTALLA PARA ESTABLECER EN EL LOS VIEWS.
AQUÍ TAMBIEN SE MODIFICAN LOS ATRIBUTOS DEL LINEAR O RELATIVE, QUE SON EL TAMAÑO (MATCH_PARENT Y WRAP_CONTENT) Y SI LLEVA ALGUN MARGIN DE LA PANTALLA (PADDING).
2.-UNA VEZ ESTABLECIDO NUESTRO LAYOUT, YA PODEMOS PONER UN VIEW DENTRO DE EL.
ESTE PROGRAMA MUESTRA UN MENSAJE Y PARA ELLO SE UTILIZA UN TEXT VIEW. SE ESTABLECE Y SE CONFIGURAN SUS PROPIEDADES, ADEMAS DE PONER NUESTRO TEXTO QUE SE QUIERE MOSTRAR.
POR ULTIMO SE CIERRA NUESTRO LINEAR Y EN ESTE PROGRAMA ES TODO.
EL GRAPHICAL LAYOUT Y EL PROGRAMA SE MUESTRA ASI.
APLICACIÓN NO: 2 “OPERACIONES”
ESTA APLICACIÓN TIENE LA FUNCION DE REALIZAR OPERACIONES CON DOS NUMEROS QUE EL USUARIO INGRESE Y EL RESULTADO SE MUESTRA AHÍ.
ACTIVITY MAIN (XML):
COMO PRIMERO ESTABLECEMOS NUESTRO LINEAR LAYOUT Y DENTRO DE EL COMENZAMOS A INSERTAR LOS VIEWS PARA NUESTRA APP.
EL PRIMERO Y EL SEGUNDO SON EDIT TEXT Y ESTE SIRVE PARA QUE EL USUARIO TENGA UN ESPACIO DONDE INTRODUCIR VALORES Y EN ESTE CASO DONDE INTRODUCIR LOS DOS NUMEROS.
DESPUES ESTABLECEMOS OTRO LINEAR PERO CON DIFERENTE ORIENTACION PARA NUESTROS VIEWS. EN ESTE CASO ES HORIZONTAL PARA COLOCARLOS ASI.
DESPUES DEL LINEAR COLOCAMOS DOS BOTONES MISMOS QUE REALIZARAN CADA UNO UNA FUNCION (BORRAR Y CALCULAR) Y COMO ESTAN ORIENTADOS HORIZONTALMENTE POR EL LINEAR, ESTOS APARECERAN UNO A LADO DEL OTRO.
CERRAMOS EL LINEAR DE LOS BOTONES Y COLOCAMOS UN TEXTVIEW (ESTE ES UN ESPACIO DONDE SE MUESTRA UN TEXTO) DONDE APARECERA EL RESULTADO DE LAS OPERACIONES.
CERRAMOS EL PRIMER LINEAR Y SE VERA ASI.
ACTIVITY MAIN (JAVA):
AQUÍ ES LA PARTE PROGRAMABLE, QUIERE DECIR QUE PODEMOS DAR ALGUNA ACCION ESPECIFICA A LOS ELEMENTOS DEL XML
PRIMERO SE ENCUENTRA EL PAQUETE DEL PROGRAMA Y DE AHÍ, HACIA ABAJO ESTAN LAS LIBRERIAS PARA QUE ALGUNOS COMANDOS FUNCIONEN.
DESPUES DE ESO SE DECLARAN LOS EDIT TEXT, TEXTVIEW Y LOS BOTONES.MAS ABAJO SE ENLAZAN ESTOS CON ID NOMBRADOS EN EL ARCHIVO XML Y EN EL CASO DE LOS BOTONES SE AGREGA EL METODO “ON CLICK LISTENER” ESTO HARA POSIBLE TOCAR EL BOTON Y QUE ESTE REALICE LAS ACCIONES.
NOTA: ESTO PODRIA MARCAR ERROR, PARA ESTO SE IMPLEMENTA EN EL PUBLIC CLASS EL METODO ONCLICKLISTENER Y EN LAS LIBRERIAS.
* EN ESTE APARTADO ES DONDE SE COMIENZA LA PROGRAMACION
COMENZAMOS PONIENDO EL SWITCH Y ASI CADA CASO POR LOS BOTONES, CADA UNO CON SU ACCION.
EL PRIMERO ES EL CASO CALCULAR
LAS PRIMERAS LINEAS TOMAN LA INFORMACION INGRESADA POR EL USUARIO PERO COMO SON CAJAS DE TEXTO, EN LA LINEA 4 Y 5 SE CONVIERTEN A TIPO DOUBLE, NUMERICO.
EN LA TERCER LINEA SE DELCARA UN IF Y QUIERE DECIR QUE SI LOS CAMPOS NO ESTAN VACIOS, REALIZA LA SIGUIENTE ACCION…
SI EL NUMERO DOS ES MAYOR.
SE MUESTRA EN LA TEXTVIEW, LAS OPERACIONES Y RESULTADOS TOMANDO COMO BASE QUE EL DOS ES MAYOR, EN LA RESTA ESTO EVITA NUMEROS NEGATIVOS
SI NO(ELSE), REALIZA LA MISMA OPERACIÓN PERO CON LOS DATOS NORMALES.
EL TOAST SIRVE PARA MOSTRAR MENSAJES Y EN ESTE CASO NOS DICE QUE LAS VALORES NO SON CORRECTOS, PUEDE SER PORQUE ALGUN CAMPO NO ESTA LLENO
SE CIERRA EL CASE Y EL SIGUIENTE ES PARA BORRAR= bor
EN ESTE SOLO SE LIMPIAN TODAS LAS CAJAS DE TEXTO CON (“”) ESTO QUIERE DECIR QUE ESTAN VACIAS.
SE CIERRA EL CASE Y LAS LLAVES.
FIN DEL PROGRAMA.
APLICACIÓN NO: 3 “ALBUM”
XML:
COMENZAMOS CON EL LINEAR LAYOUT PRINCIPAL, ESTE CON ORIENTACION VERTICAL Y PROSEGIMOS CON EL IMAGEVIEW, ESTE NOS SIRVE PARA MOSTRAR UNA IMAGEN EN EL PROGRAMA. ESTO SE HACE CON EL ANDROID SRC Y DESPUES DE LA DIAGONAL DEL DRAWABLE VA
EL NOMBRE DE LA IMAGEN SIN LA EXTENSION. (LA IMAGEN SE GUARDA EN LA CARPETA RES->DRAWABLE-MDPI).
EL SIGUIENTE PASO ES DECLARAR EL HORIZONTAL SCROLL VIEW, ESTO SIRVE PARA ALINEAR DE MANERA HORIZONTAL UN CONJUNTO DE VIEWS (EN ESTE CASO IMAGENES) QUE PUEDEN DESPLAZARSE MEDIANTE EL SCROLL.
DESPUES EL LINEAR LAYOUT CON LA MISMA ORIENTACION (HORIZONTAL)Y DENTRO DE ESTE Y DEL SCROLL VIEW DECLARAMOS TODAS LAS IMÁGENES(CON EL IMAGEVIEW) PARA QUE SE DESPLACEN Y PUEDAN VERSE.
DESPUES DE HABER INSERTADO EL DETERMINADO NUMERO DE IMÁGENES SE CIERRA EL LINEAR Y EL SCROLL VIEW.
COLOCAMOS UN BOTON PARA QUE AL ELEGIR LA IMAGEN Y PRESIONARLO, ESTA CAMBIE EL WALLPAPER DEL TELEFONO.
CERRAMOS EL LINEAR PRINCIPAL Y SE MUESTRA ASI.
1.- EL VIEW PRINCIPAL
2.- EL SCROLL VIEW DONDE ESTAN LAS IMÁGENES
3.- EL BOTON PARA EL CAMBIO
JAVA:
COMO VIMOS ANTERIORMENTE, LO PRINCIPAL SON LAS LIBRERIAS Y ESTAS SE MODIFICAN AL AGREGAR METODOS O ACCIONES.
DECLARAMOS LOS VIEWS (IMAGE Y BUTTON) JUNTO CON UNA VARIABLE DE TIPO ENTERO.
ENLAZAMOS LOS VIEWS CON EL ACTIVITY XML Y SUS ID´S Y A TODAS LAS IMÁGENES E INCLUIDO EL BOTON, LE IMPLEMENTAMOS EL METODO ON CLICK.
DESPUES DE ESO PASAMOS A LOS CASOS POR CADA IMAGEN CON EL SWITCH-CASE.
AQUÍ UTILIZAMOS NUESTRA VARIABLE DE TIPO ENTERIO Y ESTO LO QUE HACE ES QUE EL USUARIO AL TOCAR LA IMAGEN ESTA SE MUESTRE EN EL IMAGEVIEW PRINCIPAL.
POR ULTIMO EL CASO cambiar LO QUE ES LO MISMO, A LA ACCION DEL BOTON.
AQUÍ SE DECLARA UN PERMISO PARA CAMBIAR EL WALLPAPER EN EL TELEFONO Y SE UTILIZA NUESTRA VARIABLE DE TIPO ENTERO PARA QUE SE CAMBIE A LA IMAGEN QUE NOSOTROS SELECCIONAMOS Y ESTA EN NUETSRO VIEW PRINCIPAL.
SE CIERRA EL SWITCH Y LAS LLAVES.
FIN DEL PROGRAMA.
APLICACIÓN NO: 4 “ALL APP”
XML:
SE COMIENZA CON NUESTRO LAYOUT PRINCIPAL CON ORIENTACION VERTICAL Y DENTRO DE EL TENEMOS UN TEXTVIEW, ESTE NOS MUESTRA UN TEXTO QUE NOS DA LA INDICACION DE ELEGIR UNA OPCION.
DESPUES COLOCAREMOS BOTONES, UNO POR CADA APP Y ESE NOS LLEVARA A LA MISMA.
EN ESTE CASO USAREMOS 5 APLICACIONES Y EL DISEÑO SE MUESTRA ASI
JAVA:
*ALGUNOS DETALLES DEL PROGRAMA ESTAN LA APP NO: 6*
COMO HEMOS ESTADO HACIENDO ANTERIORMENTE, LO PRIMERO ES LA IMPLEMENTACION DE METODOS, CLASES Y LIBRERIAS. EN ESTE CASO USAREMOS EL METODO ON CLICK.
DECLARAMOS NUESTROS BOTONES, LOS ENLAZAMOS CON LOS ID´S DEL XML Y LE DAMOS LA CARACTERISTICA DEL METODO ON CLICK.
POSTERIOR, PASAMOS AL USO DEL SWITCH Y COMO ES SABIDO, USAMOS UN CASE POR CADA BOTON QUE TENEMOS.
AQUÍ SE MUESTRAN LOS CASOS POR CADA BOTON Y LO QUE HACE CON EL INTENT ES PASAR DE UN ACTIVITY A OTRO.
NUESTRO PRINCIPAL ES EL MainActivity Y DE ESTE PARTIREMOS AL Binari PRESIONANDO EL BOTON CORRESPONDIENTE.
DESPUES INICIA EL INTENT Y NOS ENVIA AL PROGRAMA QUE NOSOSTROS HAYAMOS PUESTO AHÍ. SE CIERRAN LOS CASOS Y LAS LLAVES. **
FIN PROGRAMA.
**PARA COLOCAR LOS PROGRAMAS TENEMOS QUE CREAR NUEVOS MAIN DENTRO DEL PAQUETE O SIMPLEMENTE COPIARLOS AHÍ. SE NECESITA UNA MODIFICACION EN EL ANDROID MANIFEST PARA QUE PODAMOS PASAR DE UNO A OTRO.
MAS DETALLES EN LA APP NO: 6**
APLICACIÓN NO: 5 “RGB to HEX”
XML:
ESTA APLICACIÓN NOS AYUDA A CONVERTIR UN COLOR RGB A HEXADECIMAL. NOS MUESTRA CON EL USO DE UNA BARRAS EL COLOR Y SU NUMERO HEX.
LO PRIMERO ES EL LINEAR PREINCIPAL, ESTA VEZ CON ORIENTACION VERTICAL. DESPUES DE ESTE OTRO LINEAR CON ORIENTACION HORIZONTAL Y DENTRO DE EL 2 TEXTVIEW PARA EL COLOR ROJO; CERRAMOS EL SEGUNDO LINEAR.
CREAMOS OTRO LINEAR HORIZONTAL Y DENTRO DE EL CREAMOS UN SEEK BAR, ESTE NOS SIRVE PARA AVANZAR O RETROCEDER MEDIANTE UNA BARRA
CERRAMOS EL LIENAR Y CREAMOS OTRO CON LA MISMA ORIENTACION (HORIZONTAL) Y REPETIMOS EL PASO ANTERIOR DE INSERTAR DOS TEXTVIEWS, AHORA CON LOS VALORES DE VERDE.
CERRAMOS EL LINEAR Y CREAMOS UNO NUEVO COMO LOS ANTERIORES.
COLOCAMOS LA SEEK BAR Y LO CERRAMOS.
REPETIMOS LOS ULTIMOS DOS PASOS AHORA CON LOS VALORES DE AZUL
CERRAMOS EL LINEAR Y POR ULTIMO COLOCAMOS DOS TEXTVIEW DONDE SE MOSTRARA EL COLOR Y EL CODIGO HEX DE CADA UNO.
EL DISEÑO SE MUESTRA ASI…
JAVA:
COMO ANTERIORMENTE HICIMOS LO PRIMERO ES IMPLEMENTAR METODOS Y CLASES, ESTA VEZ USAREMOS NO EL ONCLICK SI NO EL SEEKBARCHANGELISTENER QUE NOS PERMITE SU USO.
PROSEGUIMOS CON LA DECLARACION DE LOS TEXTVIEWS Y LAS SEEK BAR.TAMBIEN TRES VARIABLES DE TIPO ENTERO QUE SON IGUALES A CERO. POSTERIORMENTE COMO SI SE TRATARA DEL METODO ON CLICK TENEMOS QUE DECLARAR LAS 3 SEEK BAR CON EL SEEKBARCHANGELISTENER Y CERRAMOS ESTA PARTE.
EL SIGUIENTE PASO ES EL USO DEL SWITCH Y LOS CASOS POR CADA COLOR (ROJO, AZUL Y VERDE).
EN ESTA PARTE SE REALIZA EL PROCESO DONDE LAS SEEK BAR ESTAN CONCATENADAS Y AL NOSOTROS MOVERLA ESTA CAMBIARA TANTO EL FONDO CON EL COLOR QUE SE MUESTRE COMO ASI EL NUMERO HEX CORRIESPONDIENTE AL COLOR. TAMBIEN SE PUEDEN USAR AL MISMO TIEMPO LAS TRES, LO QUE NOS DARA LA COMBINACION DE COLORES Y SUS CODIGOS TAMBIEN.
FIN DEL PROGRAMA.
APLICACIÓN NO: 6 “REBOSO DROID”
LA FUNCION DE ESTA APLICACIÓN ES PASAR DE UN ACTIVITY A OTRO MEDIANTE ALGUNA ACCION, PARA MOSTRAR MAS INFORMACION O SIMPLEMENTE UNA NUEVA PANTALLA CON CONTENIDO RELACIONADO.
ESTA APP TIENE RELACION CON LA APLICACIÓN ANTERIOR NO:4 , DONDE SE PASA DE ACTIVITY A OTRO SIMULANDO UN MENO DE LAS APLICACIONES.
XML:
NUESTRO XML NO NECESITA MAS QUE UN BOTON QUE SERA EL ENCARGADO DE LA FUNCION DE ACEPTAR Y ASI MANDARNOS AL OTRO ACTIVITY.
USAREMOS EL MISMO DE LA APP NO: 4 PARA EXPLICAR BIEN LOS DETALLES.
EL PRIMERO ES AGREGAR EL NUMERO DETERMINADO DE ACTIVITYS DEPENDIENDO DE CUANTAS PANTALLAS TENDRA NUESTRA APP.
LA PRINCIPAL ES LA QUE SE ENCUENTRA RESALTADA Y ES LA QUE POR DEFECTO SE CREA EN EL PROYECTO, LAS OTRAS PODEMOS COPIARLAS DE LA PRINCIPAL.
PARA QUE NOS PUEDA CAMBIAR LA PAGINA NECESITAMOS UNA MODIFICACION EN EL MANIFEST
LA PANTALLA NOS MOSTRARA ALGUNOS DATOS DE LA APP Y ES AQUÍ DONDE DEBEMOS MODIFICAR.
LA PANTALLA DEL ANDROID MANIFEST SE MUESTRA ASI.
L
COMO PODEMOS VER SE ENCUENTRAN LOS DATOS, EL NOMBRE DE LA APP, LA IMAGEN, LA ETIQUETA ETC.
SE MODIFICA DE LA SIGUIENTE MANERA:
SE AGREGA EL ANDROID.NAME DE LA APP Y LA ETIQUETA, EN EL INTENT.FILTER SE MODIFICA Y LA ACCION ES POR DEFAULT SE CIERRA Y EL ACTIVITY IGUAL.
ESTA ES LA PARTE DEL DISEÑO Y EL INTENT EN EL ANDROID MANIFEST.
JAVA:
EN ESTA PARTE ES DONDE LE DAMOS LA ACCION AL BOTON Y DONDE DECLARAMOS A QUE ACTIVITY NOS ENVIARA.
EL INTENT SE DECLARA Y EL NOMBRE DEL MISMO, LUEGO INDICAMOS A QUE ACTIVITY NOS ENVIARA Y CON LA ULTIMA LINEA INICIA EL PROCESO Y LA VARIABLE DEL INTENT.
SE CIERRA EL SWITCH Y LAS LLAVES.
FIN DEL PROGRAMA.
APLICACIÓN NO: 7 “CALCULAR EDAD”
ESTA APLICACIÓN CALCULA LA EDAD DE UNA PERSONA MEDIANTE SU FECHA DE NACIMIENTO Y LA FECHA ACTUAL.
NOS MUESTRA CUANTOS AÑOS TIENE, CUANTOS MESES Y LOS DIAS.
XML:
COMO PRIMER ELEMENTO TENEMOS EL LINEAR PRINCIPAL CON ORIENTACION VERTICAL Y DENTRO DE ESTE TENEMOS 3 EDIT TEXT, UNO POR CADA ELEMENTO DE LA FECHA DE NACIMIENTO (DIA, MES Y AÑO)
.
DESPUES, AGREGAMOS OTRO LINEAR LAYOUT CON ORIENTACION HORIXONTAL PARA ACOMODAR LOS BOTONES UNO AL LADO DEL OTRO.
AGREGAMOS LOS DOS BOTONES, BORRAR Y CALCULAR Y CERRAMOS EL LINEAR LAYOUT.
POR ULTIMO TENEMOS EL TEXTVIEW DONDE SE MOSTRARA EL RESULTADO DE CALCULAR LA EDAD.
SE CIERRA EL LINEAR PRINCIPAL Y SE MUESTRA EL DISEÑO ASI.
JAVA:
PRIMERO ENCONTRAMOS LAS LIBRERIAS Y DEBAJO EL NOMBRE DE LA CLASE Y ES AQUÍ DONDE DEBEMOS IMPLEMENTAR EL METODO ONCLICK LISTENER, MISMO QUE NOS PERMITIRA TOCAR LA PATALLA Y DARLE ACCION A LOS BOTONES CON ESTE PROCESO.
DESPUES ENLAZAMOS NUESTROS VIEWS CON EL ARCHIVO XML Y A NUESTROS BOTONES AGREGAMOS EL METODO ONCLICKLISTENER.
DESPUES PASAMOS AL PROCESO DE NUESTROS BOTONES CON EL SWITCH-CASE.
EL PRIMER PROCESO ES EL DE CALCULAR; TOMAMOS LA INFORMACION DE NUESTROS EDIT TEXT PARA EN EL PUNTO DOS CONVERTIRLO A TIPO ENTERO.
DEESPUES DECLARAMOS 6 VARIABLES DE TIPO ENTERO, SU FUNCION SERA LA DE DETERMINAR LA FECHA ACTUAL PARA COMPARAR CON LA QUE EL USUARIO INTRODUZCA COMO SE VE EN EL NO: 1.
DE AHÍ PASAMOS A LAS CONDICIONES PARA QUE NOS DE LA FECHA CORRECTAY SIN NUMEROS NEGATIVOS Y PARA QUE RESTE BIEN.
MARCADO DE AZUL ENCONTRAMOS EL COMIENZO DE LO ANTES MENCIONADO Y HAY QUE MENCIONAR QUE SE DEBE DE TOMAR EN CUENTA LOS DIFERENTES CASOS PARA EL CALCULO
EL PRIMERO ES CUANDO EL DIA DE NACIMIENTO ES MAYOR AL ACTUAL.
CUANDO EL MES DE NACIMIENTO ES MAYOR AL MES ACTUAL.
CUANDO EL DIA ACTUAL ES MAYOR Y EL MES ES IGUAL… EN FIN, LOS CASOS SE MUESTRAN AQUÍ.
UNA VEZ DECLARADOS LOS CASOS MANDAMOS EL MENSAJE A NUESTRO TEXTVIEW CON EL RESULTADO Y SI ESTO NO ES ASI, TAMBIEN NOS MANDA UN MENSAJE DE QUE LOS VALORES SON INCORRECTOS.
CERRAMOS EL CASE Y ABRIMOS EL ULTIMO PARA NUESTRO BOTON BORRAR.
AQUÍ SOLO LIMPIAMOS NUESTROS VIEWS Y CERRAMOS EL CASE.
CERRAMOS LLAVES.
FIN PROGRAMA.
APLICACIÓN NO: 8 “PHONEGAP”
ESTA APLICACIÓN NO TIENE PROGRAMACION Y NO TIENE DISEÑO COMO LAS ANTERIORES. SOLO NOS MUESTRA UNA PAGINA WEB QUE NOSOTROS CREAMOS.
XML:
COMO SE ACABA DE MENCIONAR EL ARCHIVO XML NO TIENE NADA.
EN EL MODO GRAFICO SE VE ASI, VACIO.
JAVA:
AL IGUAL QUE EN EL ARCHIVO XML, EL APARTADO DE JAVA SE ENCUENTRA VACIO, YA QUE NO HAY NADA PROGRAMABLE
LO QUE NECESITAMOS HACER AQUÍ ES PRIMERO AGREGAR UNA CARPETA CON EL NOMBRE DE ”www” (COLOR AZUL)Y EN ESTA AGREGAR UN ARCHIVO CON EL NOMBRE DE CORDOVA, ESTO NOS PERMITIRA MOSTRAR LA PAGINA EN NUESTRO TELEFONO(COLOR NEGRO).
DESPUES DENTRO DE LA CARPETA PEGAMOS NUESTRAS PAGINAS CON “.HTML”
Y LOS ELEMENTOS QUE ESTAS NECESITAN, LAS IMÁGENES,GIFS,VIDEOS ETC.
UNA VEZ TENIENDO ESTOS ELEMENTOS Y SI DAMOS DOBLE CLICK A NUESTRAS PAGINAS ESTAS SE VISUALIZARAN EN UNA VENTANA DE LA SIGUIENTE MANERA.
AL INICIAR LA APLICACIÓN ESTA NOS MOSTRARA LA PAGINA Y PUES ES TODO.
APLICACIÓN NO:9 “BD INSERTAR,MODIFICAR,ELIMINAR Y CONSULTAR”
ESTA APLICACIÓN TIENE LA FUNCION DE GUARDAR DATOS, ES UNA BASE DE DATOS Y ESTA TIENE LA OPCION DE GUARDAR, BORRAR, MODIFICAR Y CONSULTAR LOS DATOS INGRESADOS.
XML:
EN NUESTRO ARCHIVO XML TENEMOS PRIMERO NUESTRO LINEAR Y SU ORIENTACION VERTICAL, DENTRO DE ESTE TENEMOS UN TEXT VIEW Y UN EDIT TEXT, ESTO NOS MOSTRARA UN ESPACIO PARA ESCRIBIR Y ARRIBA LA INDICACION DE QUE ES EL ID.
DESPUES TENEMOS OTROS VIEWS, UNO PARA MOSTRAR LA INDICACION Y EL OTRO PARA INTRODUCIR LOS DATOS, EL NOMBRE Y NOMBRE DE LA ESCUELA.
DESPUES LOS ULTIMOS EDIT TEXT Y TEXTVIEW PARA LO QUE ES EL NUMERO DE CONTROL Y LA INDICACION DE COLOCARLO.
DE AHÍ INSERTAMOS UN LINEAR CON LA ORIENTACION HORIZONTAL PARA NUESTROS BOTONES Y AGREGAMOS EL PRIMERO QUE SERIA EL DE INSERTAR.
DESPUES COLOCAMOS EL SEGUNDO BOTON DE CONSULTA Y CERRAMOS NUESTRO LINEAR.
ABRIMOS OTRO CON LA MISMA ORIENTACION Y DENTRO DE COLOCAMOS LOS BOTONES DE BORRAR, MODIFICAR Y VER.
CERRAMOS NUESTROS LINEAR.
EL DISEÑO SE MUESTRA ASI…
JAVA:
EN ESTA PRIMERO HAY QUE CREAR UN AUXILIAR DE ANDROID PARA BASE DE DATOS. EL SQLITE, AQUÍ CREAREMOS LA TABLA Y LOS CAMPOS DE LA MISMA.
PARA USAR EL SQLITE DEBEMOS CREAR UNA NUEVA CLASE EN NUESTRA CARPETA SRC, UNA VEZ HECHO ESTO IMPLEMENTAMOS UNAS LIBRERIAS (COLOR AZUL) E IMPLEMENTAMOS EL METODO (COLOR ROJO) DESPUES NOS PONDRA DOS PREDETERMINADOS Y EN ELLOS CREAREMOS LA TABLA Y LOS CAMPOS CON EL LENGUAJE SQL (COLOR NEGRO).
UNA VEZ CREADA NUESTRA BD PODEMOS IR A LA PROGRAMACION HABITUAL PARA EL PROCESO DE LOS BOTONES Y EL ENLACE DE LA BD Y LOS VIEWS.
EN ESTA PARTE TAMBIEN SE IMPLEMENTAN ALGUNAS LIBRERIAS DEL SQLITE Y DECLARAMOS NUESTROS EDIT TEXT, DESPUES LOS ENLAZAMOS Y PASAMOS AL PROCESO DE BOTONES.
ESTE ES EL PRIMER PROCESO, EL PROCESO PARA DAR DE ALTA LOS DATOS, SE OBTIENE AQUÍ LOS DATOS DE LAS CAJAS DE TEXTO Y SE ENLAZAN EN LA BD QUE CREAMOS.
DESPUES SE LIMPIAN LOS EDIT TEXT Y NOS ENVIA UN MENSAJE DE QUE LOS DATOS SE HAN GUARDADO.
EN ESTA PARTE TENEMOS LA FUNCION PARA VER Y PARA CONSULTAR, EN EL QUE CASO DE VER; TOMA LOS VALORES Y SI NO ESTAN VACIOS NOS MANDA LA INFORMACION DE LA TABLA SI ESTO NO ESTA ASI, NOS MANDA UN MENSAJE DE QUE FALTAN VALORES.
PARA EL DE CONSULTA DEBEMOS INGRESAR EL ID DEL QUE QUERRAMOS VISUALIZAR Y AL TOCAR EL BOTON LA CONSULTA SERA MEDIANTE EL ID Y NOS DEVOLVERA LOS VALORES QUE GUARDAMOS CON EL, SI ESTO NO ESTA ASI NOS DA UN MENSAJE DE QUE EL ID NO EXITSE.
AQUÍ TENEMOS EL PROCESO PARA ELIMINAR Y EN ESTE SE TOMAN LOS VALORES Y SIMPLEMENTE LOS BORRA DE LA BD.
NOS ENVIA EL MENSAJE DE QUE ESTA BORRADO Y SI ESTO NO ES ASI NOS ENVIA UN MENSAJE DANDO A ENTENDER QUE NO HAY VALORES A BORRAR.
ESTE ES EL ULTIMO PROCESO, EL DE MODIFICACION Y AQUÍ TOMA LOS VALORES DE LAS CAJAS Y LOS MUESTRA, CUANDO EL USUARIO LOS CAMBIA SE GUARDAN Y SE SOBREESCRIBEN, DESPUES DEVUELVE UN MENSAJE DE QUE LOS VALORES HAN SIDO CAMBIADOS. EN CASO DE QUE ESTO NO SEA ASI, NOS MANDA EL MENSAJE DE QUE NO HAY VALORES PARA MODIFICAR.
SE CIERRAN LAS LLAVES Y ESTA LISTA LA CONEXIÓN CON LOS PROCESOS DE BORRAR, ELIMINAR, GUARDAR Y EDITAR.
FON PROGRAMA.
APLICACION NO: 10 “LISTVIEW”
ESTA APLICACIÓN TIENE LA FUNCION DE CREAR UNA LISTA Y VISUALIZARLA, EL USUARIO INGRESA ALGUN ELEMENTO Y AL PRESIONAR EL BOTON ESTE SE AÑADE A LA LISTA.
XML:
EL PRIMER ELEMENTO ES NUESTRO LINEAR LAYOUT PRINCIPAL CON VERTICAL Y DENTRO DE ESTE UNO CON ORIENTACION HORIZONTAL, DENTRO DE ESTE ULTIMO SE ENCUENTRA EL EDIT TEXT DONDE EL USUARIO INGRESARA EL VALOR A GUARDAR EN LA LISTA.
DESPUES TENEMOS EL BOTON PARA AGREGAR LOS VALORES Y CERRAMOS EL SEGUNDO LINEAR.
POR ULTIMO TENEMOS EL LISTVIEW Y SE CIERRA EL LINEAR PRINCIPAL.
EL DISEÑO DE LA APLICACIONSE VISUALIZA ASI…
JAVA:
EN LA PARTE PROGRAMABLE COMO PRIMER ELEMENTO TENEMOS LAS LIBRERIAS Y AQUÍ DEBEMOS DE IMPLEMENTAR UNA PARA EL USO DEL LISTVIEW.
IMPLEMENTAMOS EL METODO ONCLICKLISTENER Y DECLARAMOS NUESTROS VIEWS; EL ARRAYLIST, EDIT TEXT Y EL BOTON.
DESPUES ENLAZAMOS LOS ELEMENTOS ANTERIORES AL ARCHIVO XML, EL ARRAYLIST Y ARRAY ADAPTER.
POR ULTIMO EL ONCLICKLISTENER EN EL BOTON.
POR ULTIMO LA FUNCION PARA AGREGAR LOS ELEMENTOS A LALISTA Y BORRAR LO ESCRITO EN EL EDIT TEXT UNA VEZ HECHO ESTO.
SE CIERRAN LAS LLAVES Y ES TODO.
FIN PROGRAMA.
APLICACIÓN NO: 11 “MENU”
ESTA APLICACIÓN TIENE LA FUNCION DE CREAR UN MENU CON SUS RECPECTIVAS OPCIONES Y EN LA APLICACIÓN PODREMOS ELEGIR ENTRE LAS OPCIONES DE MOSTRAR UN COLOR, UN TEXTO, UNA IMAGEN O UN SONIDO.
XML:
LO PRIMERO ES NUESTRO LINEAR CON LA ORIENTACION VERTICAL Y DENTRO DE ESTE TENEMOS DOS ELEMENTOS UN SCROLL VIEW Y UN TEXTVIEW, EL PRIMERO NOS PERMITIRA DESPLAZAR ELEMENTOS EN LA PANTALLA Y EL SEGUNDO SOLO ES PARA INDICARNOS QUE SELECCIONEMOS UNA OPCION.
SE CIERRA EL SCROLL Y EL LINEAR Y EL DISEÑO SE MUESTRA ASI…
JAVA:
COMO PRIMER PASO HAY QUE IMPLEMENTAR ALGUNAS LIBRERIAS PARA EL USO DEL SONIDO Y DEL MENU
DESPUES SE DECLARA EL TEXTVIEW, EL SOUNDPOOL, UNA VARIABLE DE TIPO ENTERO Y LINEAR QUE ESTE ULTIMO ES DONDE ESTA EL MENU.
SE ENLAZAN CON EL ARCHIVO XML Y SE CONFIGURA EL SOUNDPOOL CON LA CANCION DE LA CARPETA RAW.
DESPUES SE CONFIGURA EL MENU Y LOS ITEMS QUE CONTENDRA, EN ESTE CASO SON 4 Y ES UNO POR MUSICA, UNO POR COLOR, UNO PARA IMAGEN Y EL ULTIMO PARA EL TEXTO.
DE AHÍ SE INSERTA UN IF DONDE SI LA OPCION ES LA UNO (CORRESPONDE A SONIDO) EL PROGRAMA EMITIRA UN SONIDO, SI LA OPCION ES LA DOS SE CAMBIARA EL FONDO DE COLOR, SI ES LA 3 PONDRA UNA IMAGEN Y POR ULTIMO EL PUNTO CUATRO NOS MUESTRA UN TEXTO.
SE CIERRAN LAS LLAVES Y FINALIZA EL JAVA.
FIN PROGRAMA.
APLICACION NO: 12 “ACELEROMETRO”
ESTA APLICACIÓN ES UN ACELEROMETRO QUE MUESTRA NUMEROS TOMANDO EN CUENTA LOS EJES DE LA TIERRA Y EL SENSOR DEL TELEFONO.
EN POSICION HORIZONTAL,VERTICAL Y ACOSTADO.
XML:
PRIMERO TENEMOS EL LINEAR LAYOUT PRINCIPAL CON ORIENTACION VERTICAL Y DENTRO DE EL 3 TEXT VIEW MISMOS QUE NOS MOSTRARAN LOS DATOS OBTENIDOS POR EL SENSOR. LA POSICION X, LA POSICION Y YLA POSICION Z.
POR ULTIMO TENEMOS UN IMAGE VIEW POR QUE LA APLICACIÓN MOSTRARA UNA IMAGEN POR CADA POSICION EN UN NUMERO DETERMINADO EN ELLAS, CERRAMOS EL LINEAR Y EL DISEÑO SE VERA ASI…
JAVA:
PRIMERO TENEMOS LAS LIBRERIAS Y AQUÍ AGREGAMOS DOS PARA QUE FUNCIONE EL SENSOR DEL ACELEROMETRO
DECLARAMOS EL METODO SENSOREVENTLISTENER PARA QUE ESTE FUNCIONE Y TAMBIEN EL IMAGE VIEW, TEXTVIEW Y EL SENSOR.
DESPUES LO ENLAZAMOS CON EL ARCHIVO XML.
EN ESTA PARTE SE CREAN 3 PROCESOS, ON RESUME, ON PAUSE Y ON STOP Y ESO ES ESCENCIAL PARA LA FUNCION DEL ACELEROMETRO.
DESPUES EL PROCESO DEL MOSTRAR LA IMAGEN DEPENDIENDO LA POSICION.
SE TOMA EL VALOR DEL SENSOR Y SE MUESTRA EN EL TEXTVIEW, ASI POR CADA POSICION X, Y ,Z Y CON LA CONDICION DE IF SE DA UN VALOR PREDETERMINADO POR POSICION Y ASI MOSTRARA LA IMAGEN DEPENDIENDO DEL NUMERO QUE OBTENGA EL SENSOR EN LA POSICION.
SE CIERRAN LAS LLAVES Y ES TODO.
FIN PROGRAMA.
APLICACIÓN NO: 13 “CANVAS”
ESTA ES UNA APLICACIÓN QUE FUNCIONA COMO UN LIENZO DONDE EL USUARIO PUEDE DIBUJAR CON FIGURAS.
XML:
EN EL XML ENCONTRAMOS UNA INTERFAZ SENCILLA, SOLO CON NUESTRO LINEAR QUE OCUPARA TODA LA PANTALLA CON EL MATCH PARENT DADO QUE NO NECESITA NINGUN VIEW.
EL DISEÑO SE MUESTRA ASI…
JAVA:
EN LA PARTE PRINCIPAL AL IGUAL QUE EN EL XML TENEMOS UNA INTERFAZ SENCILLA, NO TIENE PRACTICAMENTE UN ELEMENTO PROGRAMABLE PERO SI DEBEMOS CREAR UNA CLASE DONDE SE DESARROLLA EL DIBUJO
Y EL SETCONTENTVIEW PARA QUE LO MUESTRE EN LA PALICACION.
ESTA ES LA CLASE QUE CREAMOS Y EN ELLA DEBEMOS IMPLEMENTAR ALGUNAS LIBRERIAS, DESPUES EN EL APARTADO DE ON DRAW (ROJO) ES DONDE COMENZAREMOS A DIBUJAR Y DESARROLLAR NUESTRAS FIGURAS
EN LA PARTE MARCADA DE AZUL TENEMOS LA PRIMERA PARTE DE NUESTRA FIGURA, QUE ES EL COLOR, DESPUES MARCADO CON NEGRO ESTA LA CREACION DE LA FIGURA Y DENTRO DE LOS PARENTESIS ESTAN SUS MEDIDAS.
SE TERMINAN DE INSERTAR LOS ELEMENTOS QUE QUERAMOS DIBUJAR Y SE CIERRAN LAS LLAVES. TAMBIEN SE PUEDEN HACER LINEAS, CIRCULOS ENTRE OTROS.
FIN PROGRAMA.
APLICACIÓN NO: 14 “CALCULADORA”
ESTA APLICACIÓN TIENE COMO OBJETIVO LA FUNCION DE UNA CALCULADORA. TIENE LAS OPERACIONES AVANZADAS Y LAS SIMPLES.
XML:
EN EL ARCHIVO XML TENEMOS COMO PRIMER ELEMENTO NUESTRO LINEAR LAYOUT CON LA ORIENTACION VERTICAL Y DENTRO DE ESTE OTRO CON LA ORIENTACION HORIZONTAL, DESPUES DEL ULTIMO OTRO CON ORIENTACION VERTICAL Y DENTRO DE ESTE UN TEXTVIEW CON EL ID DE ANTERIOR.
DESPUES OTRO TEXTVIEW DONDE SE MOSTRARA EL NUMERO Y SE CIERRA EL LINEAR LAYOUT.
AFUERA DE ESTE CREAMOS UN BOTON MISMO QUE NOS SERVIRA PARA BORRAR LOS NUMEROS, SE CIERRA EL LINEAR Y SE CREA UNO NUEVO CON ORIENTACION HORIZONTAL
DENTRO DEL LINEAR TENEMOS LOSBOTONES DE NUESTRA CALCULADORA POR LINEA, EN LA PRIMERA LINEA TENEMOS LOS NUMEROS 7, 8, 9, + Y BORRAR.
SE CIERRA EL LINEAR Y SE CREA OTRO CON LA ORIENTACION HORIZONTAL PARA LA SIGUIENTE LINEA DE NUMEROS.
EN ESTA LINEA INSERTAMOS LOS NUMEROS CORRESPONDIENTES A 4, 5, 6, - Y RAIZ.
DESPUES SE CIERRA EL LINEAR Y SE CREA OTRO PARA LA SIGUIENTE LINEA (ORIENTACION HORIZONTAL).
DENTRO DE ESTE LINEAR TENEMOS LOS BOTONES DE 1, 2, 3, X Y FACTORIAL.
SE CIERRA EL LINEAR Y SE CREA UNO NUEVO PARA LA LINEA SIGUIENTE.
UNA VEZ CREADO NUESTRO LINEAR, INSERTAMOS EN EL LOS BOTONES CORRESPONDIENTES A 0, PI, EL PUNTO, ENTRE Y MODULO.
UNA VEZ HECHO ESTO SE CIERRA EL LINEAR Y SE CREA EL DE LA LINEA SIGUIENTE.
DENTRO DEL LINEAR QUE ACABAMOSDE CREAR TENEMOS LA ULTIMA LINEA DE BOTONES Y ES LA CORRESPONDIENTE A UNO ENTRE, XY E IGUAL.
POR ULTIMO SE CIERRAN LOS LINEAR
Y EL DISEÑO DEL PROGRAMA SE EMUESTRA ASI…
JAVA:
PRIMERAMENTE TENEMOS EN NUESTRAS LIBRERIAS EL METODO ONCLICK LISTENER, ESTO NOS PERMITIRA EL USO DE LOS BOTONES EN LA CALCULADORA. TAMBIEN HAY QUE IMPLEMENTARLO EN EL PUBLIC LCASS Y DE AHÍ PASAMOS DECLARAR NUESTROS VIEWS, 3 VARIABLES DE TIPO FLOTANTE, 1 DE TIPO ENTERO Y DOS BOOLEANOS “P” E “IGUAL”.
DESPUES ENLAZAMOS NUESTROS BOTONES Y CAJAS CON EL XML.
UNA VEZ ENLAZADOS LOS VIEWS TENEMOS QUE INGRESAR EL METODO ONCLICK PARA LA ACCION DE TOCAR LA PANTALLA Y LOS BOTONES.
UNA VEZ HECHO ESTO SE EMPIEZA A CREAR EL PROCESO DE LOS BOTONES, EL PRIMERO ES PARA DESHABILITAR LOS BOTONES, EL SEGUNDO ES PARA HABILITARLOS Y EL TERCERO PARA VALIDAR QUE ESTEN LOS NUMEROS Y NO FALTA ALGUNO.
DESPUES ESTA LA FUNCION PARA BORRAR DONDE SIMPLEMENTE SE LIMPIAN LAS CAJAS Y LOS CASOS PARA CADA BOTON, LA ACCION A CADA UNO DE ELLOS.
UNA VEZ CREADOS LOS PROCESOS PARA CADA BOTON SE CREAN NUEVOS PARA EL NUMERO Y EL PUNTO CON LAS CONDICIONES TRUE Y FALSE, PARA HABILITAR Y DESHABILITAR.
SE CIERRA EL ULTIMO QUE ES EL DE PUNTO SE ABRE OTRO PARA EL CASO DE BORRAR
SE UTILIZA EL METODO DE BORRAR Y HABILITAR.
DESPUES DE ESTE ESTA EL DE BACK, O REGRESAR. ESTE TIENE UN ARREGLO PARA TOMAR LOS VALORES Y PODER ALMACENARLOS Y REGRESAR A ELLOS SI SE QUIERE.
DESPUES TENEMOS EL CASO DE PI, DONDE COMO ES UN VALOR DEFINIDO SOLO SE ASIGNA.
DESPUES EL DE IGUAL, O DONDE SE OBTIENE EL RESULTADO. AQUÍ SE MUESTRA EL RESULTADO EN EL TEXTVIEW DE CADA OPERACIÓN QUE NOSOTRO ELIJAMOS.
DESPUES TENEMOS EL FACTORIAL Y UN PROCESO PARA REDONDEAR UN NUMERO.
FIN PROGRAMA.
APLICACIÓN NO: 15 “SONIDOS DE ANIMALES”
ESTA APLICACIÓN TIENE UNA INTERFAZ GRAFICA DE BOTONES CON IMÁGENES DE ANIMALES, CUANDO EL USUARIO TOCA EL BOTON CON LA IMAGEN DEL ANIMAL ESTE EMITE EL SONIDO DEL QUE SE TRATE.
XML:
PARA ESTA APLICACIÓN TENEMOS QUE INSERTAR VARIAS LINEAS DE BOTONES, Y COMENZAREMOS CON NUESTRO LINEAR DE ORIENTACION VERTICAL Y DENTRO DE EL UNO HORIZONTAL.
UNA VEZ CREADO EL ULTIMO HAREMOS DENTRO DE EL TRES BOTONES, CORRESPONDIENTES A LA PRIMERA LINEA, DESPUES CERRAMOS EL LINEAR
CREAMOS OTRO CON ORIENTACION HORIZONTAL Y CREAMOS LA OTRA LINEA DE BOTONES DENTRO DE EL (TRES BOTONES).
CERRAMOS EL LINEAR Y CREAMOS OTRO NUEVO.
TENIENDO EL LINEAR CREAMOS LO QUE SERIA LA ULTIMA LINEA DE NUMEROS Y SE CERRAMOS AMBOS LINEAR.
LA INTERFAZ GRAFICA SE VERIA ASI.
JAVA:
LO PRIMERO QUE ENCONTRAMOS SON LAS LIBRERIAS Y TENEMOS QUE IMPLEMENTAR ALGUNAS.
EL ONCLICKLISTENER, EL SOUNDPOOL Y EL AUDIO MANAGER.
DECLARAMOS LOS BOTONES, UNA VARIABLE DE TIPO ENTERO PARA CADA UNO Y EL SOUNDPOOL.
ENLAZAMOS NUESTROS BOTONES CON EL ARCHIVO XML POR SU ID E INGRESAMOS EL METODO ON CLICK A TODOS.
SE ENLAZA LA VARIABLE DE TIPO ENTERO CON EL SP Y EL SONIDO GUARDADO EN LA CARPETA RAW.
POR ULTIMO SE CREAN LOS CASOS DE LOS BOTONES DONDE SE ASUGNA LA FUNCION DE AL TOCARLO INICIE EL SONIDO DETERMINADO
SE CIERRAN LAS LLAVES Y ES TODO.
FIN PROGRAMA.
APLICACIÓN NO: 16 “GIROSCOPIO”
XML:
EN ESTA APLICACIÓN TENEMOS EL LINEAR LAYOUT PRINCIPAL Y DENTRO DE EL 3 TEXTVIEW QUE SIRVEN PARA MOSTRAR LOS DATOS DEL SENSOR COMO SI EL PROGRAMA DE ACELEROMETRO SE TRATACE.
UNO PARA Y, UNO PARA X Y NO PARA Z.
SE CIERRAN NUESTRSO LINEAR Y LA INTERFAZ GRAFICA SE MUESTRA ASI.
JAVA:
COMO EL PROGRAMA DE ACELEROMETRO, EL GIROSCOPIO TAMBIEN UTILIZA EL SENSOR Y TENEMOS QUE IMPLEMENTAR EL SENSOR EVENT LISTENER Y ALGUNAS LIBRERIAS RELACIONADAS.
DESPUES SE ENLAZAN LOS TEXTVIEW CON EL XML (UNA VEZ DECLARADOS) Y SE CONFIGURA LA ORIENTACION DE LA PANTALLA.
SE CREAN LOS 3 METODOS COMO EN EL ACELEROMETRO, EL ONPAUSE, ONRESUME Y ON STOP
DESPUES SOLO SE CONSIGNA LA FUNCION DE MOSTRAR EN LOS VIEWS LOS DATOS OBTENIDOS POR EL SENSOR.
SE CIERRAN LLAVES Y SE FINALIZA EL PROGRAMA.
APLICACIÓN NO: 17 “CHECK BOX”
ESTA APLICACIÓN SIRVE PARA ELEGIR ALGUNA OPCION Y APARECE UNA CAJA QUE SE MARCA SI DAMOS CLICK SOBRE ELLA
XML:
PRIMERO TENEMOS UN LINEAR LAYOUT CON ORIENTACION VERTICAL, DENTRO DE EL TENEMOS UNO CON ORIENTACION HORIZONTAL Y DENTRO DEL ULTIMO TENEMOS NUESTROS CHECK BOX
3 POR LINEA.
CERRAMOS EL LINEAR Y CREAMOS OTRO NUEVO CON ORIENTACION HORIZONTAL.
UNA VEZ INSERTADO EL LINEAR, PONDREMOS LOS OTROS 3 CHECK BOX Y LO CERRAMOS.
DDESPUES INSERTAMOS UN IMAGE VIEW YA QUE AL SELECCIONAR ALGUNA CASILLA ESTE MOSTRARA UNA IMAGEN.
CERRAMOS EL LINEAR
LA INTERFAZ SE MUESTRA ASI…
JAVA:
EN LAS LIBRERIAS IMPLEMENTAMOS EL CHECK BOX Y DECLARAMOS NUESTROS VIEWS MAS ABAJO AL IGUAL QUE UNA VARIABLE DE TIPO ENTERO IGUALADA A CERO.
ENLAZAMOS NUESTROS VIEWS CON EL ARCHIVO XML Y PASAMOS A ASIGNAR EL PROCESO A LOS CHECK BOX.
PRIMERO AGREGAMOS AL TOTAL 1 SI LA CASILLA ES CHECADA, EN TODAS LAS QUE PUSIMOS.
DESPUES DEPENDIENDO SI ES CHECADA EN EL IMAGE VIEW SE PONDRA LA IMAGEN Y SE CIERRAN LOS CASE.
SE CIERRAN LAS LLAVES Y ES TODO.
FIN PROGRAMA.
APLICACIÓN NO: 18 “RADIO BUTTON”
LA APLICACIÓN DE RADIO BUTTON ES SIMILAR A LA DE CHECK BOX SIMPLEMENTE CAMBIA LA FORMA Y ESTA APARECE COMO UN CIRCULO.
XML:
ESTA PRIMERO EL LINEAR PRINCIPAL CON ORIENTACION VERTICAL Y DENTRO DE EL UN TEXT VIEW QUE NOS DA UNA INSTRUCCIÓN DE LEGIR ALGUN COLOR.
DESPUES UN RADIO GROUP Y DENTRO LOS RADIO BUTTON CON EL ID DE COLOR PARA IDENTIFICARLOS Y ELEGIRLOS Y ASI CAMBIAR EL COLOR.
UNA VEZ CREADOS LOS RADIO BUTTON, SE CIERRA EL RADIO GROUP Y SE CREA UN BOTON PARA ACEPTAR UNA VEZ ELEGIDA LA OPCION.
DESPUES SE CIERRA EL LINEAR
LA INRERFAZ GRAFICA SE MUESTRA ASI…
JAVA:
PRIMERO EN LAS LIBRERIAS SE INSERTA EL METODO ONCLICK LISTENER, EL LINEAR LAYOUT, EL TOAST PARA MOSTRAR MENSAJES Y DESPUES SE DECLARA EL RADIO GROUPP, EL VIEW, EL LINEAR Y UNA VARIABLE DE TIPO ENTERO.
SE ENLAZAN CON EL ARCHIVO XML Y AL BOTON SE ASIGNA EL METODO ONCLICK LISTENER.
DESPUES EN EL PROCESO, CON EL SWITCH-CASE SE ASIGNA LA FUNCION DE CAMBIAR EL COLOR AL FONDO Y MOSTRAR UN MENSAJE CUANDO SE SELECCIONE EL COLOR Y SE PRESIONE EL BOTON.
SE CIERRA EL SWITCH, LAS LLAVES Y TERMINA EL PROGRAMA.
APLICACIÓN NO: 19 “PROGRESS BAR”
LA APLICACIÓN TIENE LA FUNCION DE MOSTRAR UNA BARRA DE PROGRESO, UNA MANERA GRAFICA DE VER SI ALGO ESTA DESCARGANDOSE O CARGANDO.
XML:
PRIMERO TENEMOS QUE DECLARAR NUESTRO LINEAR CON ORIENTACION VERTICAL Y DENTRO DE EL UN GALLERY DONDE TENDREMOS DISTINTAS IMÁGENES, DESPUES UN IMAGE VIEW Y UN BOTON PARA DESCARGAR LA IMAGEN
SE CIERRA EL LINEAR Y LA INTERFAZ GRAFICA SE MUESTRA ASI…
JAVA:
PRIMERO DEBEMOS DE IMPLEMENTAR ALGUNAS LIBRERIAS PARA EL GALLERY, TOAST, EL PROGRESS Y EL ONCLICK PARA EL BOTON.
ENLAZAMOS LOS VIEWS CON EL ARCHIVO XML Y DECLARAMOS UNA VARIABLE DE TIPO ENTERO.
DESPUES CON UN ARREGLO INTRODUCIMO S LAS IMÁGENES Y CONFIGURAMOS EL PROGRESS BAR.
DESPUES TERMINAMOS DE DECLARAR NUESTRO BOTON E IMPLEMENTAMOS EL METODO ONCLICK.
DESPUES TENEMOS LA FUNCION DE ENVIAR EL MENSAJE CON EL TOAST DE LA POSICION SELECCIONADA Y EN EL IMAGE VIEW LA MUESTRA.
DESPUES CON EL CASE IMPLEMENTAMOS LA FUNCION AL BOTON Y SI LA POSICION ES IGUAL A 1. EN EL FONDO SE CAMBIA LA IMAGEN.
ASI CON CADA UNO DE LOS CASOS DEPENDIENDO LA POSICION.
DESPUES SE CONFIGURAN LAS CARACTERISTICAS DEL PROGRESS BAR, EL MENSAJE QUE MUESTRA, EL RPOGRESO Y HASTA DONDE LLEGA
AQUÍ SE DA LA CONDICION DE ENVIAR LA IMAGEN SI ELPROGRESS ES MAYOR O IGUAL A 100 (EL TOPE QUE PUSIMOS).
ESTA ES LA PARTE FINAL DEL CODIGO, AQUÍ SOLO SE AJUSTA PARA QUE MUESTRE LA IMAGEN Y EL ARREGLO.
SE CIERRAN LLAVES Y ES TODO.
FIN PROGRAMA.
APLICACIÓN NO: 20 “SPINNER”
LA APLICACIÓN DE SPINNER TIENE LA FUNCION DE MOSTRAR UNA LISTA CON OPCIONES.
XML:
PRIMERO TENEMOS NUESTRO LINEAR CON ORIENTACION VERTICAL Y DENTRO DE EL UN TEXTVIEW QUE NOS MOSTRARA LA INDICACION DE ELEGIR UNA OPCION.
DESPUES TENEMOS NUESTROS SPINNER Y UN IMAGE VIEW, YA QUE CUANDO ELIJAMOS UNA OPCION ESTA NOS MMOSTRARA LA IMAGEN.
CERRAMOS EL LINEAR PRINCIPAL.
EL DISEÑO SE MUESTRA ASI…
JAVA:
COMO HEMOS VISTO TENEMOS PRIMERO QUE IMPLEMENTAR LAS LIBRERIAS Y EN ESTE CASO LA PRINCIPAL ES EL SPINNER PARA PODER USARLO.
SE IMPLEMENTA EL ONITEMSELECTEDLISTENER PARA SELECCIONAR EL SPINNER CON UN ARREGLO
DESPUES SE DELCARA EL SPINNER, EL IMAGE VIEW Y EL ARREGLO DE LAS OPCIONES.
SE DECLARAN LAS OPCIONES DE CADA ARREGLO Y SE ENLAZA CON EL ARCHIVO XML.
DESPUES SE IMPLEMENTA EN LOS SPINNER EL ONITEMSELECTEDLISTENER Y SE CREAN VARIABLES DE A1 HASTA A5 PARA LOS OPC DEL SPINNER.
DESPUES CON EL SWITHC Y EL CASE SE DESIGNA A MOSTRAR LA IMAGEN DEPENDIENDO DE LA OPCION QUE HAYAMOS ELEGIDO EN EL SPINNER.
SE CONTINUA CON TODAS LAS OPCIONES DEL SPINNER PARA ASIGNAR CON EL ARREGLO LA POSICION Y ASI LA IMAGEN QUE MOSTRARA.
ESTE ES EL SIGUIENTE CASE NO: 3 DONDE LA OPCION ES LA 4 Y DEBEMOS PONER LAS IMÁGENES DE CADA UNA.
ESTE ES EL ULTIMO CASE DE LAS OPCIONES Y POR ULTIMO SOLO DEBEMOS PONER LAS IMÁGENES.
SE CIERRAN LOS CASES Y LAS LLAVES Y ES TODO.
FIN PROGRAMA.
APLICACIÓN NO: 21 “WEB VIEW”
EL WEB VIEW ES UN ELEMENTO QUE PERMITE BUSCAR ALGUNA PAGINA WEB Y MOSTRARLA EN LA PANTALLA.
XML:
PRIMERO NECESITAMOS EL LINEAR LAYOUT CON ORIENTACION VERTICAL Y DESPUES UNO CON ORIENTACION HORIZONTAL Y DENTRO DE ESTE UN EDITTEXT QUE SERVIRA COMO UN BUSCADOR, DESPUES UN BOTON CON EL CUAL SE ACEPTA LA PAGINA Y SE PROCEDE A BUSCAR.
SE CIERRA EL LINEAR.
SE CREA UNO NUEVO Y DENTRO DE EL LOS BOTONES QUE CORRESPONDEN A SIGUIENTE, ACTUALIZAR, ATRAS Y BORRAR.
SE CIERRA EL LINEAR Y SE INSERTA EL WEB VIEW
SE CIERRA EL LINEAR PRINCIPAL.
LA INTERFAZ SE MUESTRA ASI…
JAVA:
EN ESTA PARTE PROGRAMAMOS LOS BOTONES Y EL WEB VIEW PARA MOSTRAR LA PAGINA.
PRIMERO SE IMPLEMENTA EL METODO ONCLICK PARA LOS BOTONES Y SE DECLARA EL WEB VIEW Y EL EDIT TEXT.
SE ENLAZAN LOS BOTONES AL ARCHIVO XML Y EL WEB VIEW IGUAL, ASI MISMO SE CONFIGURA PARA QUE POR DEFECTO TOME LA PAGINA DE GOOGLE.
SE IMPLEMENTA EL METODO ONCLICK EN LOS BOTONES Y SE PASA AL CASO DE ELLOS.
EL PRIMERO ES EL DE BUSCAR Y SI EL ESPACIO ESTA VACIO POR DEFECTO PASA A GOOGLE SI NO MANDA UN MENSAJE DE INGRESAR URL Y ACCEDE A ELLA.
EL SIGUIENTE ES PARA IR HACIA ATRÁS Y ES SIMPLE EN EL BUSCADOR REGRESA LA PAGINA.
EL OTRO ES PARA IR HACIA ADELANTE Y ES LO MISMO, ADELANTA LA PAGINA.
EL ULTIMO ES PARA BORRAR Y ESTE BORRA EL BUSCADOR Y MANDA UN MENSAJE DE BORRADO.
SE CIERRAN LAS LLAVES Y ES TODO.
FIN PROGRAMA.
APLICACIÓN NO: 22 “DATE PICKER”
LA APLICACIÓN DE DATE PICKER NOS SIRVE PARA MOSTRAR LA FECHA COMO SI FUESE UN CALENDARIO Y PODEMOS USAR ESTE PARA MUCHAS COSAS
XML:
PRIMERO TENEMOS EL LINEAR CON ORIENTACION VERTICAL Y DENTRO DE EL UN SCROLL VIEW PARA QUE ESTE CON EL GALLERY NOS PERMITA ESCOGER IMÁGENES Y DESPLAZARLAS.
UN IAMGE VIEW DONDE SE MOSTRARA LA IMAGEN Y UN LINEAR LAYOUT CON ORIENTACION HORIZONTAL PARA LOS BOTONES.
SE CIERRA EL LINEAR Y SE CREA UNO NUEVO CON LA ORIENTACION HORIZONTAL Y UNA VEZ HECHO ESTO SE INSERTA UN BOTON Y SE CIERRAN LOS LINEAR Y EL SCROLLVIEW
LA INTERFAZ SE MUESTRA ASI…
JAVA:
EN ESTA PARTE DECLARAMOS EL DATE PICKER Y EL BOTON.
DESPUES EN EL PROCESO EL TOAST NOS DARA EL MENSAJE DE EL MES, EL DIA Y EL AÑO EN EL CUAL HAYAMOS ESCOGIDO MEDIANTE EL DATE PICKER Y PRESIONAMOS EL BOTON.
SE CIERRAN LAS LLAVES Y FINALIZA EL PROGRAMA.
