En el blog de Niko Vrdoljak he encontrado este tutorial en el que explica cómo reproducir archivos de audio y video que estén subidos en SkyDrive en una aplicación para Windos Phone 7.
Acceder al tutorial "How to stream video and audio from SkyDrive on Windows Phone".
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.
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 Ferrrandez "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".
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/
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).
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).
[Articulo] Más sobre Expression Blend
Josué Yeray ha publicado en su blog la tercera parte de sus artículos sobre Expression Blend y cómo utilizar esta herramienta para dar un mejor acabado a vuestras aplicaciones Windows Phone 7.
Os recomiendo leerlo.
Acceder al artículo "Dale calidad a tus aplicaciones con Expression Blend (III)".
Os recomiendo leerlo.
Acceder al artículo "Dale calidad a tus aplicaciones con Expression Blend (III)".
11.3.12
[Charlas Gueim 2012] Realidad aumentada en Android
Gueim es un grupo de estudiantes interesados en el mundo de los videojuegos cuya sede está en la UCM.
Os paso uno de los últimos vídeos que han subido a su canal sobre el mundo del desarrollo de videojuegos.
[Webcast] Aplicaciones Windows Phone con Expression Blend
He encontrado en el blog de Josué Yeray la noticia de este Webcast que va a realizar con la gente de MS Latam.
Título: Aplicaciones Windows Phone con Expression Blend
Fecha: 15 de Marzo
Hora: 16:00 (GMT-5)
Descripción: la charla tratará sobre cómo aprovecharnos de Expression Blend para darle a nuestra aplicación un estilo único y de paso ganar en productividad al trabajar con XAML. Cubrirá las siguientes partes:
- Introducción a la filosofía METRO
- Expression Blend
- Layout y controles
- Plantillas de controles y estilos
- Animaciones y Comportamientos
Registro:
Web de enlace de registro al evento.
Título: Aplicaciones Windows Phone con Expression Blend
Fecha: 15 de Marzo
Hora: 16:00 (GMT-5)
Descripción: la charla tratará sobre cómo aprovecharnos de Expression Blend para darle a nuestra aplicación un estilo único y de paso ganar en productividad al trabajar con XAML. Cubrirá las siguientes partes:
- Introducción a la filosofía METRO
- Expression Blend
- Layout y controles
- Plantillas de controles y estilos
- Animaciones y Comportamientos
Registro:
Web de enlace de registro al evento.
10.3.12
[Charlas Gueim 2012] Ganar dinero con tus apps
Gueim es un grupo de estudiantes interesados en el mundo de los videojuegos cuya sede está en la UCM.
Os paso uno de los últimos vídeos que han subido a su canal sobre el mundo del desarrollo de videojuegos.
Subscribe to:
Posts (Atom)