29.3.12

Tutorial Android parte 15: Widget DatePicker en Android

Este tutorial está basado en los tutoriales de la documentación de Android SDK.

http://developer.android.com/resources/tutorials/views/hello-datepicker.html

Ya hemos visto todos los layouts, así que ahora vamos a aprender a utilizar los Widgets para mejorar nuestras aplicaciones Android.

En este ejemplo, crearemos una aplicación que contendrá un widget DatePicker.

Este widget permite seleccionar una fecha (día, mes y año) de una forma cómoda y con un interfaz con el que los usuarios ya están familiarizados.



Cuando la fecha se ha seleccionado, se mostrará en un Textview.



Creando la aplicación

Abrimos Eclipse y seleccionamos el workspace que queramos (en mi caso yo selecciono C:\Android\workspaces\0001 prueba\V_0_0_0_0).

Para crear un nuevo proyecto:
- Ir a File -> New -> Project.
- Seleccionar un proyecto "Android Project" y pulsar Next.
- Rellenar los campos con los siguientes valores:

Project name: HelloDatePicker
Build target: (El que queráis, yo en este caso he marcado...) Android 1.5
Application name: Hello, DatePicker!
Package name: com.example.hellodatepicker
Create Activity: HelloDatePicker

- Hacer click en Finish.

Abrimos el fichero res/layout/main.xml e insertamos el siguiente código:



En un LinearLayout, colocaremos un TextView que mostrará la fecha y un botón para abrir el DatePickerDialog.

Ahora deberemos agregar las siguientes librerías para poder hacer el siguiente cambio:

import android.widget.Button;
import android.widget.TextView;

A continuación, abrimos el fichero HelloDatePicker.java e insertamos los siguientes atributos a la clase:

private TextView mDateDisplay;
private Button mPickDate;
private int mYear;
private int mMonth;
private int mDay;
static final int DATE_DIALOG_ID = 0;

Las primeras variables son para definir los controles y los campos de la fecha.
El DATE_DIALOG_ID se utiliza para identificar el datePickerDialog.

Ahora vamos a añadir el siguiente código al método OnCreate():



En el método OnCreate, primero establecemos main.xml como el layout de la actividad. Luego enlazamos las variables a los controles TextView y Button. Creamos un nuevo OnClickListener para el botón. Y por último, guardamos la fecha actual en las variables de la clase y llamamos a updateDisplay() (este método pondrá la fecha en el TextView).

Ahora vamos a añadir la lógica del método updateDisplay():



Este método convierte una fecha a formato cadena de texto con el formato “mm-dd-yyyy” (mes-día-año) y lo guarda en el control TextView.

Nota: Si queréis ponerlo en formato español podéis poner las instrucciones en el siguiente orden:

.append(mDay).append("-")
.append(mMonth + 1).append("-")
.append(mYear).append(" "));

Vamos a insertar la definición de un DatePickerDialog.OnDateSetListener como miembro de la clase HelloDatePicker:



El DatePickerDialog.OnDateSetListener escucha si el usuario ha pulsado en el botón Set del widget DatePicker. Si es así, llama a onDateSet() que actualiza las variables que contienen la fecha (mYear, mMonth, mDay) y después llama a updateDisplay() para que se actualice el TextView con la fecha seleccionada por el usuario.

Ahora añadimos la llamada al método onCreateDialog(int) en la clase HelloDatePicker:



Este método se ejecuta cuando se llama al showDialog(DATE_DIALOG_ID) dentro del OnClickListener. Si recordáis, esta llamada se hacía cuando hacemos click en el botón.
Si el ID coincide, se lanza el DatePickerDialog.


Pues solo queda ver como ha quedado. Podéis ejecutar la aplicación en el menú Run -> opción Run:



Cuando pulsamos en el botón "Change the date" se abre el widget DatePicker para que seleccionemos una fecha.



Dentro del widget, seleccionamos la fecha que queramos y pulsamos en "Set". Al hacerlo se actualizará el TextView con la nueva fecha.



Como veis es bastante sencillo y la experiencia de usuario es notablemente mejor.


El código fuente del ejemplo podéis descargároslo de la siguiente dirección en nuestro repositorio de código:

Código fuente tutorial Android Parte 15.


Tutorial desarrollado por Grupo Libre y Extremo (Talavera de la Reina).

Tutorial desarrollo de un juego completo con XNA para Windows Phone 7

He encontrado este tutorial de cómo hacer un juego en XNA en la documentación de Windows Phone 7. Esta bastante bien para iniciarse porque el nivel es muy básico y va a hacer que le perdáis el miedo a XNA.

Yo lo haré y lo colgaré en cuanto pueda en español para los que os cuesta el idioma.



También tengo anotado que me habéis pedido más materiales para empezar a desarrollar con XNA, así que os paso esta lista de recursos para aprender XNA:

- How to: Create Your First XNA Framework Application for Windows Phone
- Your First Game - XNA Game Studio in 2D
- XNA for Windows Phone Walkthrough–Creating the Bizzy Bees game
- XNArkanoid
- Documentación XNA Game Studio 4.0 Refresh
- Code Samples and documentation

28.3.12

Nueva versión del Windows Phone SDK 7.1.1

Ayer se publicó la versión final de la última atualización del SDK de Windows Phone, la versión 7.1.1.


Podéis descargarla del siguiente enlace:

Enlace descarga Windows Phone SDK 7.1.1.

La nueva versión incluye:

- Emulador 512 MB.
- Emulador 256 MB.
- Se ha actualizado el emulador para que pueda correr en Windows 8.
- El emulador permite depurar y ejecutar aplicaciones 256 MB y 512 MB.
- Soporte Intellisense para agregar los nuevos requisitos de las aplicaciones de 512 MB al fichero Windows Phone App Manifest.
- Microsoft Advertising DSK: se incluye la versión más reciente del control de publicidad.
- Soporte a idiomas: los lenguajes que ya se soportaban antes y los 2 nuevos lenguajes incluidos en 7.5, malayo e indonesio.

Podéis leer el resto de la información de esta release en este artículo del blog de Windows Phone Developer.

25.3.12

[Second Nug] Desarrollo de videojuegos: XNArkanoid

Como estuvimos ayer pegándonos con el XNArkanoid, hoy he estado buscando más información y he encontrado este webcast que hicieron la gente de Second NUG donde cuentan todo sobre el juego XNArkanoid.

Acceder al video "Desarrollo de videojuegos: XNArkanoid".

[Recursos Android] Videos en Youtube para aprender Android

Para aquellos que estáis haciendo con Android en el grupo os paso una noticia muy interesante.

En el blog El Androide Libre (os recomiendo seguirlo) he encontrado esta noticia que recopila contenidos para aprender Android en Youtube que suman más de 20 horas.

Ir al artículo "20 horas de YouTube para aprender a programar Android".

Aprender Windows Phone 7 (parte 53): Poner una textura de background en XNA

Vamos a ir aprendiendo a hacer más cosas con XNA. Hoy vamos a aprender a cargar una textura de fondo, y mostrarla en el fondo de la pantalla del videojuego.

La textura a cargar de fondo es la siguiente:


Creando el proyecto

Abrimos Visual Studio y creamos un nuevo proyecto, para ello hay que pulsar en el menú “File” -> opción “New Project”.
En la nueva ventana he seleccionado las opciones “Visual C#” -> “XNA Game Studio 4.0” -> “Windows Phone Game (4.0)”. Los demás datos son:



Name = BackgroundExample
Location = (la que queráis, yo lo puse en...) C:\A_warterrain_A\Ejemplos WP7\ BackgroundExample \
SolutionName = BackgroundExample

A continuación se pide la versión de la aplicación. Seleccionamos Windows Phone 7.1 y damos a Ok.



Vamos a agregar la imagen al proyecto BackgroundExampleContent que contiene todos los recursos del juego.

Para ello, hacemos click con el botón derecho en el proyecto en el Explorador de Soluciones y seleccionamos "Add" -> "Existing Items…". Buscamos la imagen de fondo y la agregamos.
Ahora vamos a ir a la clase principal de la aplicación Game1.cs y vamos a agregar un atributo a la clase para cargar en ella la textura del fondo de la aplicación:

Texture2D backgroundTexture;

Quedando así:



En el método LoadContent vamos a cargar la textura que subimos en la variable backgroundTexture:



Quedando así:



A continuación, vamos a añadir las instrucciones para que se pinte la textura en el fondo de la pantalla en el método Draw():



Quedando el método Draw así:



Si compilamos y ejecutamos el proyecto nos aparecerá mal la imagen del fondo:



Esto ocurre porque el modo por defecto en XNA es Landscape. Para solucionarlo basta con cambiar la altura y anchura del PreferredBackBuffer en el constructor de la clase Game1 con las siguientes instrucciones:

graphics.PreferredBackBufferHeight = 800;
graphics.PreferredBackBufferWidth = 480;

Quedando así el constructor:



Si ejecutamos ahora, ya pintaremos el fondo con nuestra textura de la forma correcta:



Sencillo, ¿verdad?

Este tutorial está basado en el artículo “XNA for Windows Phone Walkthrough–Creating the Bizzy Bees game” del blog de Tess Hernandez.


El código fuente del ejemplo podéis descargároslo de la siguiente dirección en nuestro repositorio de código:

Código fuente tutorial aprender Windows Phone 7 Parte 53.

Tutorial desarrollado por Grupo Libre y Extremo. Talavera de la Reina (Toledo) Spain.

24.3.12

[Articulo] Top emprendedores IT 2011

He encontrado este artículo en el blog de Buibee (os recomiendo seguirlo) en el que hablan de los emprendedores de empresas de informática que han logrado mayor éxito durante 2011 y en qué consistió la idea de su empresa.

Muy útil. Os recomiendo echarle un vistazo.

Acceder al artículo "Los emprendedores IT jóvenes de más éxito en 2011".

También os dejo este enlace a otro artículo con una frase muy interesante de Joaquín Ayuso (cofundador de Tuenti) en el EBE 2010.

23.3.12

Podcast WPControla episodio 3

Navegando por el blog de Josué Yeray he encontrado que ha publicado el tercer capítulo del Podcast WPControla.

Como podéis leer del mismo Josué, él y Rafa Serna entrevistarán a Jorge Cantón de Syderis, uno de los creadores del SDK multiplataforma CellSDK. También desgranarán las últimas noticias y hablarán sobre la publicidad en las aplicaciones y como mejorar un poco nvestras ganancias con ella.


Os recomiendo escucharlo.

Acceder al Podcast WPControla episodio 3.

Nuevo sorteo semanal de Nokia Lumia 800 (edición 2.0)

MSDN ha vuelto a lanzar el sorteo de teléfonos Nokia Lumia 800.


Os paso todos los datos del sorteo según lo que viene en su web:

"Todas las semanas, empezando el 16 de Abril hasta el 10 de Junio de 2012, sortearemos tres Nokia Lumia 800 entre las aplicaciones que se hayan presentado al concurso durante la semana correspondiente.

Este sorteo seguirá las bases que pueden consultarse en el siguiente enlace:

Bases sorteo Nokia Lumia 800.

Por otro lado, cada semana un jurado compuesto por empleados de Microsoft seleccionará las dos mejores aplicaciones o juegos entre las presentadas atendiendo a los siguientes criterios:

- Interés y relevancia
- Diseño y experiencia de Usuario
- Uso de capacidades avanzadas de Windows Phone 7.5 (Live Tiles, Fast Application Switching, etc..)

Todos estas áreas serán evaluadas y tendrán el mismo peso en la valoración final de cada aplicación o juego.

Los publicadores correspondientes de estas aplicaciones o juegos recibirán igualmente un Nokia Lumia 800.
Las aplicaciones o juegos seleccionados por el jurado no participarán en el sorteo correspondiente de esa semana.

Acceder a la web de registro del sorteo de Nokia Lumia 800 segunda edición.

Código fuente del juego XNArkanoid para Windows Phone 7

Ignacio Ayúcar ha subido un proyecto a Codeplex llamado XNArkanoid. Este juego está desarrollado con XNA 4.0 y C# para Windows Phone 7.


Podéis acceder al proyecto y descargaros el código fuente de su web:

http://xnarkanoid.codeplex.com/

El juego es un remake del clásico Arkanoid de Taito. Y podéis revisar el código para aprender mucho más sobre el desarrollo de videojuegos.

En la documentación de este proyecto (http://xnarkanoid.codeplex.com/documentation) vienen posibles mejoras a implementar.

Este fin de semana además de hacer el tutorial "Aprende XNA con el Walkthrough del juego Bizzy Bees game", vamos a intentar implementar alguna de estas mejoras (aunque sea hacer un triste mapa para el juego).

22.3.12

[Concurso] Dream.Build.Play Challenge 2012

Ya podéis apuntaros al concurso Dream.Build.Play y presentar vuestros juegos para windows Phone o Xox 360.


Este concurso es una estupenda oportunidad para ganar premios y darle visibilidad a vuestro juego.

Fechas para registrarse:
05 Marzo — 15 Mayo

Fechas para enviar los juegos terminados:
15 Mayo — 12 Junio

Ver premios.

Podéis acceder a toda la información sobre el concurso en el siguiente enlace a la página principal del mismo:

http://www.dreambuildplay.com/Main/Default.aspx

Aprender Windows Phone 7 (parte 52): Windows Phone 7 Starter Kit for RSS

Hoy vamos a aprender a utilizar un paquete Starter Kit RSS que ha creado Chris Koenig (Microsoft Developer Evangelist) para hacer aplicaciones para Windows Phone 7 a partir de las fuentes RSS de sitios web.

Todo el código está ya implementado y testeado. Solo tendríamos que modificar los parámetros de configuración y las imágenes para crear nuestra aplicación en unos minutos.

Hoy vamos a aprender a utilizar este Starter Kit para crear aplicaciones para Windows Phone 7.


El paquete lo podéis descargar del siguiente sitio web:

http://code.msdn.microsoft.com/Windows-Phone-Starter-Kit-390ee0ef


Examinando el paquete

Tras descargarnos el paquete, lo descomprimimos.

Abrimos la carpeta y contiene los siguientes ficheros:
- Description.htm: archivo con toda la información con la descripción y configuración de este Starter Kit.
- License.rtf: archivo con los datos de la licencia de este starter kit.
- C#: carpeta con todo el código fuente de la solución

Abriendo la carpeta C#, haremos doble click en la solución RssStarterKit.sln para abrirla con Visual Studio. Si lo compilamos y ejecutamos veremos el funcionamiento por defecto que tiene el Starter Kit.



Aspectos que se pueden personalizar en el Starter Kit

Para personalizar el RSS Starter Kit hay que modificar el fichero settings.xml que se encuentra en el directorio Settings dentro de la solución. Los valores que contiene este xml definen el título de la aplicación , el RSS que consumirá la aplicación, etc.

A continuación veremos lo que significa cada campo para poder modificarlos a nuestro gusto:

Version: aquí debes de poner la versión de la aplicación que vas a crear (si es la primera vez pon 1). Esta versión deberá coincidir con la que se ponga en Marketplace (y cada vez que se reenvíe a Marketplace deberá de incrementarse o sino los cambios no se aplicarán). El valor por defecto es 1.

Title: es el título que aparecerá en la página principal de la aplicación.

RefreshIntervalInMinutes: Este valor permite a la aplicación cachear los datos obtenidos de la fuente RSS cada cierto número de minutos. Si se consulta la fuente RSS cada pocos minutos, habrá un consumo mayor de batería. El valor por defecto son 60 minutos.

PreviewEnabled: Este campo puede valer True o False e indica si se muestra o no un preview de los nuevos ítems de la fuente RSS.

Theme: este campo solo se aplica si PreviewEnabled está marcado a True. Tiene dos etiquetas:
- BodyForeground: establece el color del texto del control de preview. Puede ser el nombre del color (White, Black, Red, etc.) o código hexadecimales (#FFFFFF, #000000, etc.).
- BodyBackground: establece el color del fondo del control preview. Igual que la etiqueta anterior puede ser el nombre del color (White, Black, Red, etc.) o código hexadecimales (#FFFFFF, #000000, etc.).

RssFeeds: esta sección define las fuentes que se mostrarán en la aplicación. Puede haber una sola fuente RSS o más de una. Cada fuente tiene los siguientes campos:
- m:RssFeed: representa a un Feed. Debe haber uno pora cada Feed. Contine los elementos m:Title (titulo de la fuente RSS) y m:RssUrl con la dirección url de la fuente RSS.

Con esto habríamos terminado de examinar el archivo settings.xml. Veamos ahora cómo personalizar el resto de ficheros.

Application Title: el título de la aplicación se debe cambiar en las propiedades del proyecto (click botón derecho en el icono del proyecto y después seleccionar Properties) poniendo el título que tú quieras en el campo Title dentro de Deployments options y Tile options.

Application Icon: El icono de la aplicación que se desplegará (“/Images/RssStarterKit99x99.png”) abriendo el fichero se puede modificar. Al guardar y recompilar el proyecto quedarán guardados los cambios en el icono.

Application Tile: Para modificar la imagen tile de la aplicación (“/Images/RssStarterKit173x173.png”). Se modifica igual que el anterior.

Splash Screen Image: La imagen de carga de la aplicación (“/SplashScreenImage.jpg”). Se modifica igual que los anteriores.


Creando una aplicación

Vamos a crear una aplicación con el paquete RSS Starter Kit con los siguientes valores:
- Versión: 1
- Title: Libre y Extremo RSS
- RefreshIntervalInMinutes: 720 (cada 12 horas porque suelo actualizarlo unas dos veces al día).
- Theme: vamos a poner de colores azul y blanco como los colores de Talavera de la Reina (BodyForeground: Blue. BodyBackground: White).
- RssFeeds: m:Title (Libre y Extremo) y m:RssUrl (http://libreyextremo.blogspot.com/feeds/posts/default).

Application Title: Libre y Extremo.
Application Feed: http://libreyextremo.blogspot.com/feeds/posts/default

Application Icon: El icono de la aplicación que se desplegará será este:



Application Tile: La imagen tile que pondremos será la siguiente:



Splash Screen Image: La imagen de carga de la aplicación será la siguiente:



El archivo settings.xml tendrá el siguiente aspecto:



Pues solo quedar compilar y ejecutar la aplicación que va a tener el siguiente aspecto:




El código fuente del ejemplo podéis descargaroslo de la siguiente dirección en nuestro repositorio de código:

Código fuente tutorial aprender Windows Phone 7 Parte 52.


Tutorial desarrollado por Grupo Libre y Extremo (Talavera de la Reina).

17.3.12

16.3.12

Utilizar Metro Studio 1 para crear iconos de estilo Metro

La herramienta Metro Studio 1 sirve para personalizar iconos de estilo Metro para vuestras aplicaciones Windows Phone 7 y Windows 8. Incluye además 600 iconos ya creados listos para usar.

En este tutorial que he encontrado en el blog de Dan Wahlin podéis ver qué aspecto tiene esta herramienta.

Acceder al artículo "Creating Metro Style Icons with Metro Studio".

Descargar Metro Studio 1.

15.3.12

[Tutorial] Aprende XNA con el Walkthrough del juego Bizzy Bees game

En el blog de Tess Ferrandez "If broken it is, fix it you should" he encontrado este tutorial en el que explica paso a paso cómo crear un juego para Windows Phone 7 con XNA.

Utiliza un juego que ha creado ella, Bizzy Bees game, para ir explicando cada una de las fases que hay que realizar para crear un juego.


En el próximo evento de Talavera DevCamp vamos a utilizar este tutorial para ir aprendiendo más sobre XNA.

Acceder al artículo "XNA for Windows Phone Walkthrough–Creating the Bizzy Bees game".

14.3.12

[Concurso] ¡Reto Movil ha comenzado!

Os paso la noticia que me ha pasado un compañero de este concurso de desarrollo de aplicaciones con dispositivos móviles que se ha lanzado hace unos días.

Su nombre es Reto Móvil.



Muchos de vosotros estáis haciendo aplicaciones y juegos. ¿Por qué no presentarlo a un concurso para ir ganando algún premio?

Os animo a todos a participar.



Podéis acceder a toda la información del concurso Reto Móvil en su página web:
http://retomovil.iseresearch.com/

Tutorial Android parte 14: TabLayout con Android

Este tutorial está basado en el tutorial "Hello, views" de la documentación de Android SDK. Podéis encontrar el artículo original en inglés en el siguiente enlace:

http://developer.android.com/resources/tutorials/views/hello-tabwidget.html


El siguiente layout que vamos a aprender nos permitirá crear actividades con el siguiente aspecto.



Los tab layouts son un tipo de layout en el que los elementos se colocan dentro de pestañas.

Hay dos enfoques en los tab layouts:

- las pestañas separan distintas vistas de la misma Actividad o
- usar las pestañas para cambiar entre distintas Actividades.

En este ejemplo crearemos un conjunto de pestañas que permiten cambiar entre distintas Actividades.



Creando la aplicación

Abrimos Eclipse y seleccionamos el workspace que queramos (en mi caso yo selecciono C:\Android\workspaces\0001 prueba\V_0_0_0_0).

Para crear un nuevo proyecto:
- Ir a File -> New -> Project.
- Seleccionar un proyecto "Android Project" y pulsar Next.
- Rellenar los campos con los siguientes valores:

Project name: HelloTabLayout
Build target: (El que queráis, yo en este caso he marcado...) Android 1.5
Application name: Hello, TabLayout!
Package name: com.example.hellotablayout
Create Activity: HelloTabLayout

- Hacer click en Finish.

Ahora vamos a crear 3 clases de Actividad:
- ArtistsActivity
- AlbumsActivity
- SongsActivity

Para crear cada una de estas clases hay que seleccionar el proyecto con el botón derecho y seleccionar New -> Class.

Después introducir los siguientes datos:
SourceFolder: HelloTabLayout/src
Package: com.example.hellotablayout
Name: ArtistsActivity (o la que toque de las tres clases).

Cada una de estas clases representará el contenido de una pestaña. El código de cada clase será:



Cuando creéis las otras dos clases, actualizad la línea donde se pone el contenido del mensaje (textview.setText("This is the Artists tab");) adaptándola a la pestaña que corresponda.




Solo queda añadir estas 3 actividades el archivo de AndroidManifest.xml. Quedando así:



Ahora vamos a agregar los iconos para las pestañas. Podéis generarlos vosotros mismos (son iconos de 32x32) o cogerlos de la web del tutorial de Android SDK.

Yo en mi caso voy a agregar 6 iconos (1 en color claro y 1 en color oscuro para cada una de las 3 pestañas.
Os los pongo a continuación junto con el nombre que les he puesto (los que yo he hecho son los de estilo "minimalista").

ic_tab_albums_grey.png



ic_tab_albums_white.png



ic_tab_artists_grey.png



ic_tab_artists_white.png



ic_tab_songs_grey.png



ic_tab_songs_white.png



Cuando tengamos las seis imágenes las vamos a guardar dentro de res/drawable seleccionando la carpeta y pulsando con el botón derecho sobre ella y luego seleccionando Import (dentro seleccionaremos File System y luego marcaremos las imágenes en la carpeta en la que estén).

Ahora vamos a crear un archivo xml con la lista de imágenes de cada pestaña en la carpeta res/drawable/ con los nombres:
- ic_tab_artists.xml
- ic_tab_albums.xml
- ic_tab_songs.xml

Para crearlo hacemos click con el botón derecho en la carpeta res/drawable y seleccionar New -> File. Luego introducir el nombre del fichero (ic_tab_artists.xml). Y así con los demás.

El contenido de estos ficheros es:

Ic_tab_artists.xml



Ic_tab_albums.xml



Ic_tab_songs.xml



Después vamos a abrir el fichero res/layout/main.xml e insertamos el siguiente código xml:



Este layout desplegará las pestañas en la parte superior y el contenido de la pestaña seleccionado en la parte inferior.
TabHost require un elemento TabWidget y un elemento FrameLayout para desplegar las pestañas y el marco que contendrá el contenido de la pestaña seleccionada.
Se utiliza un LinearLayout para posicionar verticalmente los elementos TabWidget y FrameLayout.

Los nombres "tabs" para el TabWidget y "tabcontent" para el FrameLayout son obligatorios para que el TabHost pueda referenciarlos correctamente y rellenar el FrameLayout con el contenido de la pestaña seleccionada.

Lo siguiente que hay que hacer es abrir HelloTabLayout.java e indicar que herede de la clase TabActivity. Lo hacemos con el siguiente cambio en la declaración de la clase:

import android.app.TabActivity;

public class HelloTabLayout extends TabActivity {

Y modificamos el código del evento OnCreate. Para ello primero vamos a agregar las siguientes librerias:

import android.content.Intent;
import android.content.res.Resources;
import android.widget.TabHost;

Y después insertamos el siguietne código en el evento OnCreate:



De esta forma, sabemos para cada pestaña cuáles son sus archivos de imágenes y la actividad que ejecuta en su contenido.

Tras añadir cada una de las pestañas, con setCurrentTab establecemos cuál de las pestañas es la que estará activa.

Lo que nos queda es abrir el fichero Android Manifest y añadir el theme NoTitleBar a la actividad HelloTabLayout. Con esto se quitará el titulo que paarece en la parte superior de la actividad.



Ahora lanzamos la aplicación con Run –> Run.



La aplicación muestra las pestañas y el contenido de la pestaña seleccionada. También podemos cambiar de una a otra pestaña.




El código fuente del ejemplo podéis descargároslo de la siguiente dirección en nuestro repositorio de código:

Código fuente tutorial Android Parte 14.


Tutorial desarrollado por Grupo Libre y Extremo (Talavera de la Reina).