Lección 4: Creando varias pantallas en una aplicación Android

Hola en esta 4ta entrega semanal, hablaremos de las pantallas en Android. Mejor conocidas como Activities, pueden revisar las anteriores entregas entregas por aquí https://www.androidvenezuela.com/categoria/curso-paso-a-paso

Como había dicho anteriormente los Activities son las “Pantallas”, en Android, cada pestaña tiene su propia clase en Java y su propio XML , con eso cada pestaña tiene su propio Drag and Drop  para diseñarla, también 2 pantallas pueden estar dirigidas a un solo XML  y así se verán totalmente iguales.


 

Instrucciones:

 

  • Primero creamos una aplicación Android como lo hemos hecho anteriormente
  • Esta vez, Solo probaremos como se hacen varias pantallas entonces no haremos tanto en los Activities, así que haremos solo un botón que dirá “Hola a todos primera pestaña” y en la segunda un botón que diga “Hola a todos segunda pestaña” , la primera pestaña quedara algo así:                                                                 Esa seria, el primer Activity o pestaña.
  • Después le damos acción al botón como lo hemos hecho anteriormente,  en este caso lo haremos por Java (Me gusta más), igual lo pueden hacer por el otro método anteriormente visto en la 2da entrega,  y quedara algo así:

    • Para continuar leyendo el tutorial, haz click en Más

  • Ya con eso tenemos toda la primera pestaña lista, para hacer la segunda pestaña solo tenemos que crear una clase de Java y poner como su súper clase es Activity de Android , en ese caso para hacerlo le damos click derecho sobre donde se encuentra la clase Main, dentro de la carpeta src y dentro del paquete, algo así:

  • Luego Presionamos Nuevo, clase  (Depende de la versión de Eclipse pueden variar algunos pasos pero es básicamente el mismo procedimiento), y saldrá una ventana donde la elegimos el nombre de la actividad, luego le damos al botón buscar o browse, elegimos Activity, verificamos y le damos finalizar, luego nos saldrá la clase del Activity vacía ya creada, sera algo así: 
  •  Luego de todo esto, ahora tenemos que crearle su espacio visual, por decirlo de otra manera, su fondo a ese Activity para eso, le damos click derecho dentro de la carpeta layout (donde esta el XMLdel otro Activity), y presionamos Nuevo, otros, Archivo de fondo XML de Android  (Depende de la versión del eclipse, en anteriores versiones solo le tienen que dar Nuevo, otros, Archivo XML),  Elegimos el tipo de fondo en este caso elegiremos el Relative Layout  (Depende de la versión, en anteriores versiones, se hace manual, y sale como Linear Layout por defecto),  seleccionamos el nombre (tiene que ser solo en minúscula), y presionamos Finalizar, luego saldrá la pantalla de fondo que seria el fondo del nuevo Activity, le cambiamos el color de fondo para que se note la diferencia, para eso solo le ingresamos dentro del tag <RelativeLayout le ingresamos un parámetro Android:background=”#000000” que es el color negro, le ingresamos un botón, y seria algo así:

  • Luego en la clase Java del segundo Activity en este caso se llama “Activity2”, que estaba vacía, le tenemos que ingresar a donde esta señala su parte visual, para eso tenemos que hacer el método onCreate( ), y eligiendo el contendio setContentView(), en todos los Activities que manejan partes visuales, esos métodos son iguales así que pueden copiar y pegar el del anterior Activity y en el setContenView ingresan el nuevo XML y quedaría algo así:

  • Ya tenemos los 2 Activities (Le hacemos que este botón haga algo para saber la diferencia entre los 2,eso se hace igual que lo vimos anteriormente), creados, ahora solo tenemos que unirlos, para eso en el primer Activity (El creado por defecto), le daremos una nueva función al botón que seria llamar al otro Activity esa función viene del objeto Intent que hace que se llame otro Activity  y lo muestre como principal, el objeto Intent entiende 2 parámetros que son: Aplicación de donde se lanzara, aplicación que se lanzara, y quedara algo así:

  • Ya tenemos todo listo para tener nuestra aplicación con 2 pantallas,pero ahora tenemos que darle permisos a la aplicación para manejar varias pantallas, para eso nos meteremos en el corazón de todas las aplicaciones Android, el Android Manifest en este XML encontraremos toda las clases de permisos y procesos que esta usando nuestra aplicación, tenemos que notificar cuando usemos librerías externas (manejo del explorador, gps, etc) antes al Android Manifest si no la aplicación no tendrá los permisos del teléfono y no correrá (Saldrá un error y se cierra), para eso lo seleccionamos (Se encuentra en la parte de debajo de toda la carpeta de la aplicación), nos metemos en la pestaña “Aplicación” en la parte de debajo de esa pestaña aparece un recuadro llamado “Nodos de la aplicación”, y ahí aparece el Activity que esta por defecto siempre cuando creamos la aplicación, luego le damos nuevo, Activity y la derecha nos saldrá varios recuadros (Nombre, descripción, etc), no necesitamos llenarlos todos, solo con el nombre estaría bien, le damos buscar o browse, ingresamos el nombre de la clase del segundo Activity y grabamos(Recuerda grabar en CRTL + s). Paso a paso seria algo así:

  • Luego de todo esto grabamos (CRTL + S), y podemos lanzar la aplicación y nos quedara algo así:

Bueno ya tenemos nuestra aplicación con 2 pantallas y con eso ya tenemos nuevas herramientas para hacer esa aplicación con la que tanto soñamos, no olviden Compartir y hacer de este blog mas grande cada día.

 

Saludos

Síganme los buenos @AnteroOfficial

Like
Like Love Haha Wow Sad Angry

José Rojas

Geek. Full Stack Web Developer. Android Developer.
Ingeniero en Informática. Msc. en Ingeniería de Software.
Trabajo con Linux, Android, Python, Ruby on Rails, Angular e Ionic.
Experto en Wordpress. Creador de Android Venezuela

Síguenos

Mantente al día. Opina. Pide ayuda.
Saluda. Queremos escucharte

Leer entrada anterior
Se filtran fotos del próximo Nexus, de la mano de LG

Luego de leer rumores de diversas fuentes de que podrían ser anunciados hasta 5 Google Nexus de diferentes fabricantes, hoy...

Cerrar