30.11.11

[Artículo] Marketing Tips: Get your app or game noticed

Os paso este artículo que he encontrado en la web Create.msdn.com. En él nos dan una serie de buenos consejos para aumentar las ventas de nuestras aplicaciones y juegos para Windows Phone 7/ XBox. Y que también se pueden aplicar a la venta de apps/juegos para cualquier plataforma.

Estos trucos están relacionados con todo lo que no es programar como:
- publicidad,
- relaciones con la prensa,
- creación de un sitio web del proyecto,
- videos promocionales...

Acceder al artículo "Marketing Tips: Get your app or game noticed".

28.11.11

Aprender Windows Phone 7 (parte 31): Windows Phone 7 Launcher – SearchTask

El launcher SearchTask lanza la aplicación de búsqueda del teléfono y muestra los resultados encontrados al hacer una busqueda.

En la documentación aparece este ejemplo:

SearchTask searchTask = new SearchTask();
searchTask.SearchQuery = "XBox game trailers";
searchTask.Show();

Nosotros vamos a crear un programa en el que el usuario pueda introducir una palabra a consultar y pulsando a un botón se busque esa palabra:



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#" -> "Silverlight for Windows Phone" -> "Windows Phone Application". Los demás datos son:



Name = SearchTaskExample

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

SolutionName = SearchTaskExample

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



Vamos a cambiar el interfaz de la página:

- Titulo “SEARCHTASK EXAMPLE”
- Titulo “principal”.
- Caja de texto para la palabra a consultar.
- Y un Button para hacer la búsqueda.

Con el siguiente formato final:




Hay que agregar la siguiente librería:

using Microsoft.Phone.Tasks;


Cuando se pulse el botón se ejecutará el siguiente código fuente:

private void buttonSearch_Click(object sender, RoutedEventArgs e)
{

SearchTask searchTask = new SearchTask();
searchTask.SearchQuery = textBoxSearch.Text;
searchTask.Show();

}


Pues vamos a ver qué tal ha quedado. Pulsamos en "Debug" -> "Start debugging" arrancaremos el emulador.

Tras un momento en que se ha estado iniciando el emulador, veréis el programa en el emulador de Windows Phone 7.



Al pulsar en Buscar aparecerá la siguiente pantalla:



Pulsamos en Allow para permitir acceder para hacer la búsqueda y aparecerán los resultados de la búsqueda.



En mi caso al no tener el ordenador conectado a la red aparece que no tiene acceso.

Así de sencillo es hacer búsquedas.

27.11.11

Aprender Windows Phone 7 (parte 30): Windows Phone 7 Launcher – PhoneCallTask

PhoneCallTask lanza la aplicación del teléfono y muestra el número de teléfono y nombre especificado.

En la documentación aparece este ejemplo:

PhoneCallTask phoneCallTask = new PhoneCallTask();
phoneCallTask.PhoneNumber = "55555555555";
phoneCallTask.DisplayName = "Gage";
phoneCallTask.Show();

Nosotros vamos a crear un programa que pueda introducir el usuario el número de teléfono y el nombre; y llamar a ese teléfono pulsando a un botón:



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#" -> "Silverlight for Windows Phone" -> "Windows Phone Application". Los demás datos son:

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



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



Vamos a cambiar el interfaz de la página:

- Titulo "PHONECALLTASK EXAMPLE"
- Titulo "principal".
- Caja de texto para el número de teléfono.
- Caja de texto para el nombre a mostrar.
- Y un Button para hacer la llamada.

Con el siguiente formato final:



Hay que agregar la siguiente librería:

using Microsoft.Phone.Tasks;

Cuando se pulse el botón se ejecutará el siguiente código fuente:

private void buttonCall_Click(object sender, RoutedEventArgs e)
{

PhoneCallTask phoneCallTask = new PhoneCallTask();
phoneCallTask.PhoneNumber = textBoxPhoneNumber.Text;
phoneCallTask.DisplayName = textBoxName.Text;
phoneCallTask.Show();

}

Pues vamos a ver qué tal ha quedado. Pulsamos en "Debug" -> "Start debugging" arrancaremos el emulador.

Tras un momento en que se ha estado iniciando el emulador, veréis el programa en el emulador de Windows Phone 7.



Al pulsar en Llamar aparecerá la siguiente pantalla:



Se ha lanzado el PhoneCallTask. El usuario si pulsa Call se llamará al número indicado.

Y es tan sencillo como esto.

Aprender Windows Phone 7 (parte 29): Cómo instalar Silverlight for Windows Phone Toolkit - Agosto 2011

Para descargar este paquete de controles Silverlight para Windows Phone 7, entrad en la web:

Enlace en la web de Silverlight for Windows Phone Toolkit en Codeplex

Y descargar las Silverlight for Windows Phone Toolkit - Agosto 2011.

Una vez descargado, ejecutar el fichero msi:



Pulsamos en Ejecutar:



Aceptamos los términos de la licencia y pulsamos en Install.



Pulsamos en Finish y ya estarán instaladas las Silverlight for Windows Phone Toolkit.

23.11.11

Aprender Windows Phone 7 (parte 28): Mejora con live tiles tus apps Windows Phone 7 Mango

Los usuarios de WP7 pueden poner accesos directos a nuestras aplicaciones en la pantalla principal de WP7. Estos iconos se llaman Tiles.



Antes de Windows Phone 7 Mango estos Tiles eran estáticos. Sin embargo ahora esto ya no es así. Se pueden cambiar haciendo que muestren información útil para el usuario.

Se puede cambiar los siguientes aspectos:
- BackgroundImage (imagen de fondo).
- Title (titulo del tile).
- Count (contador que aparece en la esquina superior derecha del tile).
- Back Title (título del segundo tile que aparece transcurrido cierto tiempo).
- Back BackGroundImage (imagen de fondo del segundo tile que aparece transcurrido cierto tiempo).
- Back Content (texto adicional del segundo tile que aparece transcurrido cierto tiempo).



Para aprender a modificar el tile de nuestra aplicación, vamos a hacer un ejemplo muy sencillo. Vamos a tener cuatro imágenes para nuestra aplicación y vamos a cambiar los 6 atributos del live tile.






Para ello agregaremos la librería:

using Microsoft.Phone.Shell;

Y en el cófigo primero obtendremos los Tiles de la aplicación con la instrucción:

ShellTile currentTiles = ShellTile.ActiveTiles.First();


Después definiremos los atributos del live tile a utilizar:

var tilesUpdatedData = new StandardTileData
{
Title = "Live Tile app",
BackgroundImage = new Uri("Background_SB.png", UriKind.Relative),
Count = 1,
BackContent = "Matricula",
BackTitle = "¡Muy bien!",
BackBackgroundImage = new Uri("Background.png", UriKind.Relative)
};

Y para establecer el live tile usaremos la instrucción:

currentTiles.Update(tilesUpdatedData);



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#” -> “Silverlight for Windows Phone” -> “Windows Phone Application”. Los demás datos son:

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



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



Vamos a cambiar el interfaz de la página:

- Titulo “LIVE TILE APP”
- Titulo “principal”.
- Un ListItem con cuatros items para cada imagen a cargar en el live tile.
- Y un Button para hacer los cambios.

Con el siguiente formato final:



Cuando se pulse el botón “Cambiar Tile” se ejecutará el siguiente código fuente:

private void button_Click(object sender, RoutedEventArgs e)
{
var tilesUpdatedData = new StandardTileData
{
Title = "Live Tile app",
BackgroundImage = new Uri("Background_SB.png", UriKind.Relative),
Count = 4,
BackContent = "No puntuado",
BackTitle = "No sabe",
BackBackgroundImage = new Uri("Background.png", UriKind.Relative)
};

ShellTile currentTiles = ShellTile.ActiveTiles.First();

switch (listBoxBackGroundImage.SelectedIndex)
{
case 0:
tilesUpdatedData = new StandardTileData
{
Title = "Live Tile app",
BackgroundImage = new Uri("Background_SB.png", UriKind.Relative),
Count = 1,
BackContent = "Matricula",
BackTitle = "¡Muy bien!",
BackBackgroundImage = new Uri("Background.png", UriKind.Relative)
};
break;
case 1:
tilesUpdatedData = new StandardTileData
{
Title = "Live Tile app",
BackgroundImage = new Uri("Background_N.png", UriKind.Relative),
Count = 2,
BackContent = "Notable",
BackTitle = "¡Bien!",
BackBackgroundImage = new Uri("Background.png", UriKind.Relative)
};
break;
case 2:
tilesUpdatedData = new StandardTileData
{
Title = "Live Tile app",
BackgroundImage = new Uri("Background_B.png", UriKind.Relative),
Count = 3,
BackContent = "Bien",
BackTitle = "¡Sigue asi!",
BackBackgroundImage = new Uri("Background.png", UriKind.Relative)
};
break;
default:
tilesUpdatedData = new StandardTileData
{
Title = "Live Tile app",
BackgroundImage = new Uri("Background_SS.png", UriKind.Relative),
Count = 4,
BackContent = "Suspenso",
BackTitle = "¡Mal!",
BackBackgroundImage = new Uri("Background.png", UriKind.Relative)
};
break;
}

currentTiles.Update(tilesUpdatedData);

}


Pues vamos a ver qué tal ha quedado. Pulsamos en “Debug” -> “Start debugging” arrancaremos el emulador.

Tras un momento en que se ha estado iniciando el emulador, veréis el programa en el emulador de Windows Phone 7.

Podéis seleccionar un item y pulsamos el botón “Cambiar Tile”. Y después pulsamos Back para salir de la aplicación y ver el nuevo Tile.



Para verlo, pulsamos sobre el icono LiveTileExample y dejamos pulsado hasta que aparezca el menú contextual.



Y seleccionamos “Pin to Start” para que ponga el Tile de la aplicación en la pantalla de inicio.

En la pantalla principal aparece el nuevo live Tile.



Aparece la nueva imagen en el tile, con un nuevo titulo y un valor en el contador.

Cuando pasa cierto tiempo se muestran los atributos BackBackground, BackTitle y BackContent.



Podéis entrar en la aplicación y seleccionar otro Tile y volver a salir para ver el cambio en el tile de la aplicación.

Esto da mucho juego.

Las posibilidades son infinitas.

Cuando creéis una aplicación y penséis en crear un Live Tile para vuestra aplicación, plantearos:

¿Qué sería útil mostrar en el Tile de mi aplicación para mis usuarios?

¿Qué necesitan ver en el tile?

Nada más. Disfrutadlo.

21.11.11

Tutorial Android parte 10: Cambiando de Actividad en Android

Vamos a ver cómo podemos pasar de una actividad a otra en Android.

Tenéis el código fuente en la siguiente entrada:

https://sites.google.com/site/libreyextremo/codigo-fuente-tutorial-aprender-android-parte-10

Crear aplicación

Primero abrimos Eclipse. Después seleccionamos:

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

Project name: CambioActividad
Application name: Cambio de Actividad
Package name: com.example.cambioactividad
Create Activity: CambioActividad

- Hacer click en Finish.

Ponemos el código en el fichero res/layout/main.xml. El código xml lo podéis encontrar en el código fuente del tutorial:

https://sites.google.com/site/libreyextremo/codigo-fuente-tutorial-aprender-android-parte-10

Ahora vamos a crear un xml para la segunda actividad. Para ello pulsamos con el botón derecho en la carpeta layout y después seleccionamos New. Introducimos como nombre (File name) el nombre "main_dos.xml".

Rellenamos este fichero con el código que encontraréis en el código fuente del tutorial.

Muy bien. Ya tenemos los dos xml de nuestras actividades. Ahora vamos a crear nuestra segunda actividad.

Para ello seleccionamos la carpeta "src/com.example.cambioactividad" con el botón derecho y seleccionamos New y después Class. Introducimos el siguiente nombre:

Filename = SegundaVentana


Ahora rellenamos esta clase con el siguiente código:

package com.example.cambioactividad;

import android.app.Activity;
import android.os.Bundle;

public class SegundaVentana extends Activity {

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main_dos);
}
}


Ahora, vamos a agregar esta segunda actividad a nuestra lista de actividades en el archivo de manifiesto. Para ello abrimos el fichero "AndroidManifest.xml" y escribimos una línea adicional (activity android:name="SegundaVentana") para agregar la nueva actividad. (Ver el fichero "AndroidManifest.xml" en el código fuente para ver dónde hay que colocarlo).

Por último sólo nos queda rellenar el código de la clase CambioActividad, donde pondremos lo siguiente:

package com.example.cambioactividad;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class CambioActividad extends Activity {

private Button btnCambiar;

OnClickListener mCorkyListener = new OnClickListener() {    
public void onClick(View v) {            
Intent intent = new Intent(CambioActividad.this, 
SegundaVentana.class);
startActivity(intent);
}
};

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

//BotonComoLlegarFinMes
btnCambiar = (Button) findViewById(R.id.botonCambioActividad);  
btnCambiar.setOnClickListener(mCorkyListener); 
}
}


Lanzar la aplicación

- Seleccionar Run -> Run.

- Seleccionar Android application.

Y al pulsar el botón navegará a la segunda actividad.

Y es así de fácil. Disfrutadlo.

17.11.11

Microsoft sortea teléfonos Nokia Lumia 800

Os paso la noticia de este concurso:

Todas las semanas, empezando el 5 de diciembre de 2011 hasta el 29 de enero de 2012, Microsoft sorteará cinco Nokia Lumia 800 entre las aplicaciones que se hayan presentado al concurso durante la semana correspondiente. Las aplicaciones para poder presentarse tienen que haberse publicado en la semana correspondiente al sorteo


Tenéis toda la información del sorteo en este enlace. Las bases del concurso las podéis consultar en aquí.

Tutorial Android parte 9: Utilizando un GridView en Android

Este tutorial está basado en el tutorial "Hello, views" de la documentación de Android SDK.

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

Seguimos viendo más cosas sobre las vistas en Android. Este tutorial va a ser un poco más complicado que los anteriores.

Lo cual hace que mole mucho más.

Los gridviews son un tipo de layout en el que los elementos se colocan dentro de una cuadrícula de dos dimensiones por la que se puede navegar con los scroles verticales y horizontales.

En este ejemplo vamos a modificar el archivo xml de la vista de una aplicación y vamos a colocar un grupo de imágenes en las casillas de un gridview.

El código fuente de este tutorial podéis encontrarlo en la siguiente dirección:

https://sites.google.com/site/libreyextremo/codigo-fuente-tutorial-aprender-android-parte-9

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: HelloGridLayout
Build target: (El que queráis, yo en este caso he marcado...) Android 1.5
Application name: Hello, GridLayout!
Package name: com.example.hellogridlayout
Create Activity: HelloGridLayout

- Hacer click en Finish.

Ahora vamos a añadir el conjunto de imágenes a la carpeta res/drawable.

Podéis coger las imágenes que queráis o las que vienen en el tutorial en la web de Android SDK.

http://developer.android.com/shareables/sample_images.zip

Para copiar las imágenes en el directorio res/drawable, descomprimirlas en cualquier carpeta. Y después ir a Eclipse buscar la carpeta res/drawable, pulsar con el botón derecho sobre ella, seleccionar Import, File System y seleccionar las imágenes de la carpeta donde las descomprimisteis para agregarlas al proyecto.

Cambiar el contenido del fichero res/layout/main.xml por el código que viene en el tutorial:

       

 
       
     
        

Ahora vamos a abrir el fichero HelloGridLayout.java y vamos a modificar el código del evento OnCreate().

public void onCreate(Bundle savedInstanceState) {    
super.onCreate(savedInstanceState);    
setContentView(R.layout.main);    
GridView gridview = (GridView) findViewById(R.id.gridview);

gridview.setAdapter(new ImageAdapter(this));    
gridview.setOnItemClickListener(new OnItemClickListener() {        
public void onItemClick(AdapterView parent, View v, int position, 
long id) {            
Toast.makeText(HelloGridLayout.this, "" + position, Toast.LENGTH_SHORT).show();
}}
);
}

También hay que agregar los siguientes imports:

import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.GridView;
import android.widget.Toast;

Va a seguir dando error porque no encuentra la clase ImageAdapter. Y no la encuentra porque la vamos a crear ahora.

El código asigna al GridView un adaptador que crearemos a continuación (ImageAdapter) y que se encargará de obtener todas las imágenes que cargaremos en el GridView.
El código también define para el GridView un evento y un listener que capturará los clicks que el usuario realice en uno de los elementos del gridview.

Vamos a crear la clase ImageAdapter. Para ello:

- Pinchar con el botón derecho en el proyecto HelloGridLayout,
- seleccionar New -> Class.
- Poner los siguientes valores:

Source folder: HelloGridLayout/src
Package: com.example.hellogridlayout
Name: ImageAdapter

Y escribimos el siguiente código en esta clase:


package com.example.hellogridlayout;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;

public class ImageAdapter extends BaseAdapter {
private Context mContext;

public ImageAdapter(Context c) {
mContext = c;
}

public int getCount() {
return mThumbIds.length;
}

public Object getItem(int position) {
return null;
}

public long getItemId(int position) {
return 0;
}

// create a new ImageView for each item referenced by the Adapter
public View getView(int position, View convertView, ViewGroup parent) {
ImageView imageView;
if (convertView == null) {  // if it's not recycled, initialize some attributes
imageView = new ImageView(mContext);
imageView.setLayoutParams(new GridView.LayoutParams(85, 85));
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
imageView.setPadding(8, 8, 8, 8);
} else {
imageView = (ImageView) convertView;
}

imageView.setImageResource(mThumbIds[position]);
return imageView;
}

// references to our images
private Integer[] mThumbIds = {
R.drawable.sample_2, R.drawable.sample_3,
R.drawable.sample_4, R.drawable.sample_5,
R.drawable.sample_6, R.drawable.sample_7,
R.drawable.sample_0, R.drawable.sample_1,
R.drawable.sample_2, R.drawable.sample_3,
R.drawable.sample_4, R.drawable.sample_5,
R.drawable.sample_6, R.drawable.sample_7,
R.drawable.sample_0, R.drawable.sample_1,
R.drawable.sample_2, R.drawable.sample_3,
R.drawable.sample_4, R.drawable.sample_5,
R.drawable.sample_6, R.drawable.sample_7
};
}

Os dejo como ejercicio que analiceis el código del adaptador y veáis cómo se cargan las imágenes.

Y ya podemos ejecutar el programa (menú Run -> Run).


Si pulsáis en las imágenes, aparecerá un mensaje con la posición de la imagen.


Nada más. Espero que hayáis disfrutado con este tutorial.

16.11.11

Tutorial Android parte 8: Usando TableLayout en Android

Este tutorial está basado en el tutorial “Hello, views” de la documentación de Android SDK.

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

Hoy vamos a seguir aprendiendo más sobre las vistas.

Los tablelayouts son un tipo de layout en el que los elementos se colocan dentro de las filas de una tabla.

En este ejemplo vamos a modificar el archivo xml de la vista de una aplicación y vamos a colocar los elementos utilizando un tablelayout.

El código fuente de este ejemplo lo podéis encontrar en el siguiente enlace:

https://sites.google.com/site/libreyextremo/codigo-fuente-tutorial-aprender-android-parte-8

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: HelloTableLayout
Build target: (El que queráis, yo en este caso he marcado...) Android 1.5
Application name: Hello, TableLayout!
Package name: com.example.hellotablelayout
Create Activity: HelloTableLayout

- Hacer click en Finish.

Abrir res/layout/main.xml e introducir el siguiente código:



    
        
        
    
    
        
        
    
    
        
        
    
    
    
        
        
    
    
        
        
        
    
    
    
        
    


  
    

Nota: para indicar la alineación de un control hay que utilizar el atributo “android:gravity”.

Ejecutar la aplicación con Run -> Run.

El ejemplo crea un tablelayout y coloca los controles en filas. Con la etiqueta View crea barras de separación entre unas filas y otras del TableLayout.

Podéis echar un vistazo al código xml para entenderlo mejor.

15.11.11

Videos del Windows Phone Camp

El fin de semana pasado realizamos la segunda Windows Phone Camp Talavera.

En esta ocasión los videos que estuvimos viendo eran las charlas que se dieron en el Windows Phone Camp "versión original americana".

Os paso los enlaces a los videos que vimos:

Session 1. Overview for developers.

Session 2. Building Windows Phone 7.5 Applications with Visual Studio 2010

Session 3. Building Windows Phone 7.5 Apps with Silverlight

Session 4. Windows Phone 7.5 Fast Application Switching, Tombstoning and Multitasking

Session 5. Live Tiles and Push Notifications

Session 6. Building Games for Windows Phone 7.5

Session 7. Monetizing a Windows Phone 7.5 Application

Tutorial: Multiple screen support en Android

El domingo pasado durante el Android Camp estuvimos peleándonos con el soporte multipantalla en Android.

Encontramos este tutorial en la página de Wonton-Games que nos vino muy bien así que os lo paso por si alguien tiene que enfrentarse con este tema.

Acceder al tutorial "Multiple screen support".

14.11.11

Tutorial Android parte 7: RelativeLayout con Android

Este tutorial está basado en el tutorial "Hello, views" de la documentación de Android SDK.

Tutorial Hello RelativeLayout

Hoy vamos a seguir aprendiendo más sobre las vistas.

Los relativelayouts son un tipo de layout en el que los elementos se colocan en una posicion relativa a otro elemento.

En este ejemplo vamos a modificar el archivo xml de la vista de una aplicación y vamos a colocar los elementos utilizando un relativelayout.

El código fuente de esta aplicación lo podéis encontrar en el siguiente enlace:

Descargar código fuente de este tutorial

Creando la aplicación

Abrimos Android 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, opción New, opción Project.
- Seleccionar un proyecto "Android Project" y pulsar Next.
- Rellenar los campos con los siguientes valores:
Project name: HelloRelativeLayout
Build target: (El que queráis, yo en este caso he marcado...) Android 1.5
Application name: Hello, RelativeLayout!
Package name: com.example.hellorelativelayout
Create Activity: HelloRelativeLayout

- Hacer click en Finish.

Abrir res/layout/main.xml e introducir el código xml siguiente:



   
  
     

     
   
 < Button        
  android:layout_width="wrap_content"        
  android:layout_height="wrap_content"        
  android:layout_toLeftOf="@id/ok"        
  android:layout_alignTop="@id/ok"        
  android:text="Cancel" />

 < Button        
  android:id="@+id/ok"        
  android:layout_width="wrap_content"        
  android:layout_height="wrap_content"        
  android:layout_below="@id/entry"        
  android:layout_alignParentRight="true"        
  android:layout_marginLeft="10dip"        
  android:text="OK" />   

Ejecutar la aplicación con Run -> Run.



El ejemplo crea un relativelayout y coloca los elementos poniendo primero un texto. Luego el cuadro de texto se indica que se colocará debajo del texto. El botón Ok va debajo del cuadro de texto y alieado a la derecha. Y el botón Cancel se coloca a la izquierda del botón Ok y a la misma altura que este botón.

Sencillo, ¿verdad?

10.11.11

Tutorial Android parte 6: Cómo poner un background en un LinearLayout en Android

En el tutorial anterior hemos aprendido a crear una vista con un layout de tipo LinearLayout.

Ahora vamos a aprender a poner un fondo background a un LinearLayout.

Para hacer esto lo único que hay que hacer es en la etiqueta del LinearLayout meter un atributo android:background que apunte a la imagen que se colocará de fondo. Por ejemplo:

android:background="@drawable/fondopantalla"

Tenéis el código fuente de este tutorial en el siguiente enlace:

Código fuente.

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: HelloBackground
  • Build target: (El que queráis, yo en este caso he marcado...) Android 1.5
  • Application name: Hello, Background!
  • Package name: com.example.hellobackground
  • Create Activity: HelloBackground
- Hacer click en Finish.

Vamos a agregar la imagen “fondopantalla.png” que os pongo a continuación:


Nota: Es importante poner el nombre del recurso en minusculas a que si no lo hacemos así, nos parecerá el error “Invalid file name: must contain only [a-z0-9_.]”.

Para ello, la 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 seleccionamos la imágen en la carpeta en la que esté).

Ahora vamos a abrir el fichero res/layout/main.xml e introducir el siguiente código:


     
             
  
      
      
      
    
    
    
   
   

Ahora vamos a compilar y ejecutar la aplicación con Run -> Run.

8.11.11

Tutorial Android parte 5: Cómo usar un LinearLayout en Android

Este tutorial está basado en el tutorial “Hello, views” de la documentación de Android SDK.

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

Hoy vamos a aprender a trabajar con vistas.

Los layouts sirven para establecer cómo se van a colocar los controles en la vista que estamos desarrollando. Los linearlayouts son un tipo de layout en el que los elementos se apilan linealmente uno a continuación del anterior de forma horizontal o vertical.

En este ejemplo vamos a modificar el archivo xml de la vista de una aplicación y vamos a colocar los elementos utilizando un linearlayout.

Creando la aplicación

Abrimos Android 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, opción New, opción Project.
- Seleccionar un proyecto "Android Project" y pulsar Next.
- Rellenar los campos con los siguientes valores:

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


- Hacer click en Finish.

Abrir res/layout/main.xml e introducir el código:


    
                 
                  
                  
                  
                      
             
                 
                 
                 
                 
             
         

   
   
    
   

Ejecutar la aplicación pulsando en el menú Run la opción Run.



El ejemplo crea un linearlayout vertical con cinco casillas y luego en la primera casilla crea otro linearlayout y mete dentro cuatro casillas horizontales con diferentes clores de fondo.

7.11.11

Ebook gratuíto "Silverlight for Windows Phone Toolkit in depth"

Navegando por el blog de Jersson (os recomiendo seguirlo) he encontrado esta noticia en la que nos cuenta de un ebook gratuíto para aprender a utilizar los controles del Windows Phone Silverlight Toolkit. Este Toolkit contiene un montón de controles y componentes ya desarrollados y probados que pueden haceros más fácil y rápido desarrollar vuestras aplicaciones Silverlight en Windows Phone.

El enlace al ebook gratuíto podéis encontrarlo en la entrada "Windows Phone: Libro Gratis!" de su blog.

3.11.11

Imagine Cup 2012 Australia

Aquellos que seáis estudiantes ya podéis registraros en la nueva edición de la Imagine Cup. El concurso internacional promovido por Microsoft donde podéis ganar grandes premios desarrollando aplicaciones con .NET.

Podéis leer toda la información sobre cómo apuntaros y los premios que podéis ganar en el siguiente enlace:

http://www.imaginecup.com/

[Tutoriales WP] 31 días de Windows Phone Mango

En el blog de Jeff Blakenburg ha comenzado otra colección de tutoriales sobre Windows Phone. En este caso durante 31 días irá enseñando todo lo nuevo que trae Windows Phone Mango.

Una lección para cada día.

Podéis acceder a la página principal de la colección a través de este enlace.

Hasta ahora ha publicado los siguientes tutoriales:

- Día 1: The new Windows Phone Emulator Tools.
- Día 2: DeviceStatus.
- Día 3: Alarms and reminders.

Os recomiendo echarle un vistazo.