Pues bien, ahora ya es posible sustituir el viejo teclado de Android por el nuevo utilizado en el HTC Hero, en sencillos pasos podréis cambiarlo sin problemas.

Pasos a seguir:

1- Instala la aplicación AppsInstaller.

2- Descarga el fichero htc_ime.rar (link más abajo)

3- Extrae el fichero del .zip y cópialo en la tarjeta microSD del teléfono.

4- Ves a Ajustes > Aplicaciones y marca la casilla Origenes Desconocidos.

5- Ejecuta AppsInstaller y selecciona HTC_IME para instalarla.

6- Desde Ajustes > Idioma y país selecciona la casilla Touch Input.

7- Abre el navegador y deja pulsado el campo de texto.

8- Selecciona Touch Input en el menú emergente.

Ahora ya tienes el nuevo teclado del HTC Hero, para cambiar entre las 3 disposiciones de teclado aprieta el botón que parece un engranaje y te llevara a la pantalla de configuración.

Cualquier pregunta que tengas no dudes en comentarla.

download: htc_ime (3.93MB) added: 30/09/2009 clicks: 337 description: Teclado del HTC Hero para instalar.

Fuente: Allshadow

Entradas relacionadas:

1. Cómo añadir iconos a un ListView en Android
2. Primeros pasos con Android
3. Tratamiento de ficheros XML con Android

Desde hace mucho tiempo Google Maps es sinónimo de geo-localización en Internet, gracias a la estupenda API de la que disponemos podemos hacer uso de sus funciones en nuestras aplicaciones Android.

A continuación desarrollaremos un primer ejemplo, en el que aprovecharemos para introducir el concepto de thread y cómo influyen en el funcionamiento de nuestra aplicación.

¿Qué es esto?

En éste tutorial vamos a crear una aplicación que utiliza Google Maps y threads para que mientras realizamos una búsqueda mostraremos un diálogo de espera.

¿Qué voy a aprender?

• Acceso a Google Maps
• Utilización de threads
• Introducción al uso del geocoder.

¿Cómo quedará?

Pasos a seguir:

Se trata de una aplicación bastante sencilla, en ella vamos a necesitar una sola Activity y un solo layout. Antes de poder utilizar un objeto de Google Maps es necesario que os registreis para utilizar la API de Google Maps, en éste enlace se explican los sencillos pasos que debéis seguir.

Lo primero que vamos a necesitar es el XML donde reside el layout de la aplicación.

main.xml:

<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout
android:id="@+id/layout"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
>
<TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/address"
android:layout_x="11px"
android:layout_y="5px"
>
</TextView>
<EditText
android:id="@+id/et_direccion"
android:layout_width="240px"
android:layout_height="wrap_content"
android:hint="@string/input"
android:textSize="18sp"
android:layout_x="12px"
android:layout_y="30px"
>
</EditText>
<Button
android:id="@+id/btn_busqueda"
android:layout_width="59px"
android:layout_height="wrap_content"
android:text="@string/go"
android:layout_x="256px"
android:layout_y="30px"
>
</Button>
<com.google.android.maps.MapView android:id="@+id/mapa"
android:layout_width="fill_parent"
android:layout_height="310px"
android:apiKey="Copia aqui la clave API asignada"
android:layout_x="2px"
android:layout_y="100px"
android:clickable="true" />
</AbsoluteLayout>

Como veis es un layout muy simple. Tenemos un área de texto donde escribiremos la dirección que queremos buscar y y un botón al que asignaremos la tarea de comenzar la búsqueda de resultados. En el campo “apiKey” del MapView debéis copiar la clave que se os haya asignado al acabar el proceso citado anteriormente.

Pasamos ahora a la chicha de la aplicación, el evento de buscar y el manejo del thread.

La idea de todo esto es separar dos procesos, en uno de ellos haremos la búsqueda de las coordenadas y en la otra actualizaremos el layout de la aplicación. Para hacerlo necesitamos un Handler.

ThreadGoogleMaps.java:

private Handler showAdressResults = new Handler() {
 @Override
 public void handleMessage(Message msg) {
 pd.dismiss();

 if (foundAdresses.size() == 0) {
 //Sino encuentra la dirección mostramos un diálogo de error
 Dialog locationError = new AlertDialog.Builder(
 ThreadGoogleMaps.this).setIcon(0).setTitle(
 "Error").setPositiveButton(R.string.ok, null)
 .setMessage(
 "Error, no se ha encontrado la dirección.")
 .create();
 locationError.show();

 } else { // else display address on map
 for (int i = 0; i < foundAdresses.size(); ++i) {
 //Guardamos el resultado en formato latitud y longitud
 Address x = foundAdresses.get(i);
 lat = x.getLatitude();
 lon = x.getLongitude();
 }
 //Mostramos la dirección en el mapa
 navigateToLocation((lat * 1000000), (lon * 1000000),myMap);
 }
 }
 };

El Handler se ocupa de actualizar el mapa, en función de si la búsqueda de coordenadas ha devuelto algún resultado. Para rellenar buscar ésas coordenadas utilizamos una función del geocoder, se trata de la función getFromLocationName.

Como veis es un ejemplo bastante sencillo, obviamente se le podría añadir soporte de GPS o cualquier otra idea pero para el propósito de éste tutorial.

Código fuente:

download: ThreadGoogleMaps (34.98KB) added: 28/09/2009 clicks: 189 description: Ejemplo que añade el tratamiento de threads y Google Maps

Entradas relacionadas:

1. Cómo añadir iconos a un ListView en Android
2. Diseñando la aplicación, uso de TabHost en Android
3. Tratamiento de ficheros XML con Android

Gracias a métidos como SAXParser (SAX es la abreviatura de Simple API para XML) podremos leer contenido de un fichero XML para después tratarlo a nuestro antojo.

¿Qué es esto?

En éste tutorial vamos a leer contenido de un fichero XML y lo mostraremos por pantalla.

¿Qué voy a aprender?

• Obtener datos de ficheros XML en la red.
• Recorrer ficheros XML.

¿Cómo quedará?

Pasos a seguir:

Como veis a nivel visual se trata de una aplicación muy sencilla, la información que leamos del XML la mostraremos por pantalla mediante un TextView. No es necesario modificar el fichero main.xml, mostraremos el texto al vuelo.

Para poder tratar un fichero XML primero debemos conocer su estructura, en nuestro caso se trata de un simple fichero que incluye los datos de una ubicación:

ejemplo.xml:

<ejemplo>
<titulo>Mobile Development</titulo>
<valoracion>4</valoracion>
<distancia>6.7762437412613</distancia>
<coordenadas>40.4784,-3.71233</coordenadas>
<telefono>91 386 2393</telefono>
−<cireccion>
<calle>Paseo Maritimo Rafael de Casanovas</calle>
<numero numerodecalle="7"/>
<ciudad>Tarragona</ciudad>

<categoria lang="Programacion"</title>

</categoria></cireccion></ejemplo>

Para poder leer los datos del fichero XML necesitamos un XMLReader y un ContentHandler. El XMLReader es quien se encarga de leer los datos (un punto para el ingeniero) y el ContentHandler es quien le dice al XMLReader como tratar esos datos.

Lo que vamos a hacer ahora es abrir la dirección URL donde está alojado el fichero, crearemos el SAXParser, le añadiremos un ContentHandler, pasaremos los datos desde la URL y los mostraremos por pantalla.

ParsingXML.java:

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

/* Create a new TextView to display the parsingresult later. */
TextView tv = new TextView(this);
try {

/* URL desde donde leeremos los datos. */

String URL_Test = "http://www.tech-xperience.com/mobiledev/places.xml";
URL url = new URL(URL_Test);

/* Creamos un SAXParser. */
SAXParserFactory spf = SAXParserFactory.newInstance();
SAXParser sp = spf.newSAXParser();

/* Cogemos el XMLReader del SAXParser que hemos creado. */
XMLReader xr = sp.getXMLReader();
/* Creamos un nuevo ContentHandler y lo aplicamos al XML-Reader*/
XMLHandler myXMLHandler = new XMLHandler();
xr.setContentHandler(myXMLHandler);

/* Tratamos los datos del URL. */
xr.parse(new InputSource(url.openStream()));
/* Acaba el tratamiento. */

/* Ponemos los datos por pantalla con el XMLHandler. */
ParsedXMLDataSet parsedExampleDataSet = myXMLHandler.getParsedData();

/* Set the result to be displayed in our GUI. */
tv.setText(parsedExampleDataSet.toString());

} catch (Exception e) {
/* Mostramos el Error. */
tv.setText("Error: " + e.getMessage());
Log.e(MY_DEBUG_TAG, "XMLQueryError", e);
}
/* Display the TextView. */
this.setContentView(tv);
}

La siguiente clase que definiremos es el ContentHandler, en nuestro caso un SAX-Handler que se ocupará de recorrer el archivo XML.

Cuando se encuentre con tag de apertura como,

<ejemplo>

se  ejecutará la funcion del Handler:

public void startElement(String namespaceURI, String localName,
String qName, Attributes atts) throws SAXException {}

Lo mismo ocurre al encontrarse con un tag de cierre como,

</ejemplo>

se  ejecutará la funcion del Handler:

@Override
public void endElement(String namespaceURI, String localName, String qName)
throws SAXException {}

Para leer los datos dentro de un tag como el anterior debemos usar la función:

@Override
public void characters(char ch[], int start, int length)}

En caso de que el contenido que queremos leer se encuentre de ésta manera

<numero numerodecalle="7"/>

Deberemos acceder a él dentro de la función startElement

public void startElement(String namespaceURI, String localName,
String qName, Attributes atts) throws SAXException {}

Visto así no parece muy claro, veamos el código completo para entenderlo mejor.

XMLHandler.java:

package com.mobiledev;

import org.xml.sax.Attributes;
import org.xml.sax.SAXException;
import org.xml.sax.helpers.DefaultHandler;

public class XMLHandler extends DefaultHandler{

// ===========================================================
// Campos
// ===========================================================

@SuppressWarnings("unused")
private boolean in_ejemplo = false;
private boolean in_titulo = false;
private boolean in_valoracion = false;
private boolean in_distancia = false;
private boolean in_coordenadas = false;
private boolean in_telefono = false;
@SuppressWarnings("unused")
private boolean in_direccion = false;
@SuppressWarnings("unused")
private boolean in_categoria = false;
private boolean in_calle = false;
@SuppressWarnings("unused")
private boolean in_numero = false;
private boolean in_ciudad = false;

private ParsedXMLDataSet myParsedXMLDataSet = new ParsedXMLDataSet();

// ===========================================================
// Getter & Setter
// ===========================================================

public ParsedXMLDataSet getParsedData() {
return this.myParsedXMLDataSet;
}

// ===========================================================
// Metodos
// ===========================================================
@Override
public void startDocument() throws SAXException {
this.myParsedXMLDataSet = new ParsedXMLDataSet();
}

@Override
public void endDocument() throws SAXException {
// No hacemos nada
}

/** Se ejecuta cuando encuentra tags como:
* <tag>
* Puede leer atributos cuando se encuentra con:
* </tag><tag attribute="attributeValue">*/
@Override
public void startElement(String namespaceURI, String localName,
String qName, Attributes atts) throws SAXException {
if (localName.equals("ejemplo")) {
this.in_ejemplo = true;
}else if (localName.equals("titulo")) {
this.in_titulo = true;
}else if (localName.equals("valoracion")) {
this.in_valoracion = true;
}else if (localName.equals("distancia")) {
this.in_distancia = true;
}else if (localName.equals("coordenadas")) {
this.in_coordenadas = true;
}else if (localName.equals("telefono")) {
this.in_telefono = true;
}else if (localName.equals("direccion")) {
this.in_direccion = true;
}else if (localName.equals("calle")) {
this.in_calle = true;
}else if (localName.equals("numero")) {
// Extraemos el atributo
String attrValue = atts.getValue("numerodecalle");
int i = Integer.parseInt(attrValue);
myParsedXMLDataSet.setNumCalle(i);
}else if (localName.equals("ciudad")) {
this.in_ciudad = true;
}else if (localName.equals("categoria")) {
// Extraemos el atributo
String attrValue = atts.getValue("lang");
myParsedXMLDataSet.setCategoria(attrValue);
}
}
/** Se ejecuta en tags de cierre:
* </tag> */
@Override
public void endElement(String namespaceURI, String localName, String qName)
throws SAXException {
if (localName.equals("ejemplo")) {
this.in_ejemplo = false;
}else if (localName.equals("titulo")) {
this.in_titulo = false;
}else if (localName.equals("valoracion")) {
this.in_valoracion = false;
}else if (localName.equals("distancia")) {
this.in_distancia = false;
}else if (localName.equals("coordenadas")) {
this.in_coordenadas = false;
}else if (localName.equals("telefono")) {
this.in_telefono = false;
}else if (localName.equals("direccion")) {
this.in_direccion = false;
}else if (localName.equals("calle")) {
this.in_calle = false;
}else if (localName.equals("numero")) {
this.in_numero = false;
}else if (localName.equals("ciudad")) {
this.in_ciudad = false;
}else if (localName.equals("categoria")) {
this.in_categoria = false;
}
}
/** Se ejecuta cuando se encuentra con la siguiente estructura:
* <tag>characters</tag> */
@Override
public void characters(char ch[], int start, int length) {
if(this.in_titulo){
myParsedXMLDataSet.setTitulo(new String(ch, start, length));
}
if(this.in_valoracion){
myParsedXMLDataSet.setValoracion(new String(ch, start, length));
}
if(this.in_distancia){
myParsedXMLDataSet.setDistancia(new String(ch, start, length));
}
if(this.in_coordenadas){
myParsedXMLDataSet.setCoordenada(new String(ch, start, length));
}
if(this.in_telefono){
myParsedXMLDataSet.setTelefono(new String(ch, start, length));
}
if(this.in_calle){
myParsedXMLDataSet.setCalle(new String(ch, start, length));
}
if(this.in_ciudad){
myParsedXMLDataSet.setCiudad(new String(ch, start, length));
}
}
}

En la función characters se llama a las funciones que pasan los datos del Reader a la clase donde almacenamos los datos leidos, en éste caso, ParsedXMLDataSet.

ParsedXMLDataSet.java:

package com.mobiledev;

public class ParsedXMLDataSet {

private String Titulo = null;
private String Valoracion = null;
private String Distancia = null;
private String Coordenada = null;
private String Telefono = null;
private int NumCalle = 0;
private String Calle = null;
private String Ciudad = null;
private String Categoria = null;

// ===========================================================
// Getter & Setter
// ===========================================================

public String getTitulo() {
return Titulo;
}
public void setTitulo(String extractedString) {
this.Titulo = extractedString;
}
public String getValoracion() {
return Valoracion;
}
public void setValoracion(String extractedString) {
this.Valoracion = extractedString;
}
public String getDistancia(){
return Distancia;
}
public void setDistancia(String extractedString){
this.Distancia = extractedString;
}
public String getCoordenada() {
return Coordenada;
}
public void setCoordenada(String extractedString) {
this.Coordenada = extractedString;
}
public String getTelefono() {
return Telefono;
}
public void setTelefono(String extractedString) {
this.Telefono = extractedString;
}
public int getNumCalle() {
return NumCalle;
}
public void setNumCalle(int extractedInt) {
this.NumCalle = extractedInt;
}
public String getCalle() {
return Calle;
}
public void setCalle(String extractedString) {
this.Calle = extractedString;
}
public String getCiudad() {
return Ciudad;
}
public void setCiudad(String extractedString) {
this.Ciudad = extractedString;
}
public String getCategoria() {
return Calle;
}
public void setCategoria(String extractedString) {
this.Categoria = extractedString;
}
public String toString(){
return "Establecimiento = " + this.Titulo
+ "\nValoracion = " + this.Valoracion
+ "\nDistancia = " + this.Distancia
+ "\nCoordenadas = " + this.Coordenada
+ "\nTelefono = " + this.Telefono
+ "\nNumCalle = " + this.NumCalle
+ "\nCalle = " + this.Calle
+ "\nCiudad = " + this.Ciudad
+ "\nCategoria = " + this.Categoria;

}
}

Ésta clase proporciona los métodos para recoger los datos del XML y un método que devuelve los valores que contiene. Éste metodo es el que se llama después de leer datos desde la clase principal y muestra los datos en el TextView. [tweetmeme]

Código fuente:

download: ParsingXML (34.39KB) added: 07/08/2009 clicks: 246 description: Ejemplo de tratamiento de ficheros XML colgados en la red.

Entradas relacionadas:

1. Cómo añadir iconos a un ListView en Android
2. Diseñando la aplicación, uso de TabHost en Android
3. Google Maps con Threads

¿Qué es esto?

En éste tutorial vamos a añadir un icono a cada línea de un ListView.

¿Qué voy a aprender?

• Acceder a las propiedades de un control desde código.
• Caputarar los eventos de un ListView.
• Crear nuevas clases y utilizarlas en la aplicación.

¿Cómo quedará?

Pasos a seguir:

Para simplificar el tutorial crearemos un nuevo Proyecto de Android que creará el ListView y lo poblará con iconos y textos. De ésta manera será mucho más fácil añadirlo a otros proyectos sin invertir mucho tiempo en la tarea.

Lo primero que vamos a hacer es crear el diseño de nuestra aplicación. Se trata de un XML muy simple donde añadiremos un ListView.

main.xml:

< ?xml version="1.0" encoding="utf-8"?>

<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/settings"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">

<listview android:id="@+id/android:list"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>

</linearlayout>

Un ListView, por defecto, sólo permite añadir líneas de texto. Cabe destacar que si el número de elementos es mayor del que podemos ver en pantalla él solito se encarga de hacer un Scroll cuando movamos naveguemos por la pantalla, así que no hace falta crear un Scroller,ya que el control es automático. Para poder añadir un icono vamos a tener que crear un nuevo Layout que corresponderá a la nueva línea que veremos en el ListView.

IconRow.xml:

<relativelayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="?android:attr/listPreferredItemHeight"
android:padding="6dip">

<imageview android:id="@+id/icon"

android:layout_width="wrap_content"
android:layout_height="fill_parent"

android:layout_alignParentTop="true"
android:layout_alignParentBottom="true"
android:layout_marginRight="6dip"/>

<textview android:id="@+id/row_toptext"

android:layout_width="fill_parent"
android:layout_height="fill_parent"

android:layout_toRightOf="@id/icon"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"

android:singleLine="true"
android:ellipsize="marquee"/>

</relativelayout>

Ahora que ya hemos creado todos los Layouts necesarios ya podemos empezar a escribir código. Lo primero que vamos a hacer es crear una nueva clase llamada Local, cada línea del ListView contendrá un elemento de ésta clase.

Local.java:

package com.mobiledev;

public class Local {

private String localName;
private int localImage;

public String getLocalName() {
return localName;
}
public void setLocalName(String localName) {
this.localName = localName;
}
public int getLocalImage() {
return localImage;
}
public void setLocalImage(int i) {
this.localImage = i;
}

}

Ya tenemos el contenido, lo siguiente que necesitamos es un Adapter que se encargue de pasar la información de cada elemento de la clase al ListView.

IconListViewAdapter: (dentro de IconListView.java)

public class IconListViewAdapter extends ArrayAdapter<local> {

private ArrayList</local><local> items;

public IconListViewAdapter(Context context, int textViewResourceId, ArrayList</local><local> items) {
super(context, textViewResourceId, items);
this.items = items;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
View v = convertView;
if (v == null) {
LayoutInflater vi = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
v = vi.inflate(R.layout.iconrow, null);
}
Local o = items.get(position);
if (o != null) {

//poblamos la lista de elementos

TextView tt = (TextView) v.findViewById(R.id.row_toptext);
ImageView im = (ImageView) v.findViewById(R.id.icon);

if (im!= null) {
im.setImageResource(o.getLocalImage());
}
if (tt != null) {
tt.setText(o.getLocalName());
}
}
return v;
}
}

Como veis el Adapter se encarga de coger los datos que le vamos pasando y colocarlos en el ListView. Utilizando los métodos findviewbyId lo que conseguimos es acceder a los compoenentes de la fila y pasarle los datos que queramos. Por último sólo falta el código fuente de la aplicación, donde en un métido a parte nos encargaremos de indicar el texto y las imágenes que queremos añadir.

Éste proceso se debe hacer dentro del método onCreate de la aplicación principal, de ésta manera sólo lo haremos una vez y estará disponible durante todo el LifeCycle.

IconListView.java:

package com.mobiledev;

import java.util.ArrayList;

import android.app.ListActivity;
import android.content.Context;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

public class IconListView extends ListActivity {
private ArrayList</local><local> m_locals = null;
private IconListViewAdapter m_adapter;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

/*
* Al crear la clase se inicializa el ListView que muestra los men�s
*/

m_locals = new ArrayList</local><local>();
this.m_adapter = new IconListViewAdapter(this, R.layout.iconrow, m_locals);
setListAdapter(this.m_adapter);

inicializarLocales();

}

@Override
protected void onListItemClick(ListView l, View v, int position, long id) {
Local local = (Local) l.getItemAtPosition(position);

Toast.makeText(this, local.getLocalName(),
Toast.LENGTH_LONG).show();
}

/*
* Inicializacion del mapa
*/

private void inicializarLocales(){

try {
m_locals = new ArrayList</local><local>();
Local o1 = new Local();
o1.setLocalName("Bancos");
o1.setLocalImage(R.drawable.visa);
Local o2 = new Local();
o2.setLocalName("Gasolineras");
o2.setLocalImage(R.drawable.gas);
Local o3 = new Local();
o3.setLocalName("Hospitales");
o3.setLocalImage(R.drawable.hospital);
Local o4 = new Local();
o4.setLocalName("Restaurantes");
o4.setLocalImage(R.drawable.restaurant);
Local o5 = new Local();
o5.setLocalName("Tiendas");
o5.setLocalImage(R.drawable.shop);
m_locals.add(o1);
m_locals.add(o2);
m_locals.add(o3);
m_locals.add(o4);
m_locals.add(o5);
Log.i("Locales añadidos ", ""+ m_locals.size());
} catch (Exception e) {
Log.e("BACKGROUND_PROC", e.getMessage());
}

if(m_locals != null &amp;amp;amp;amp;amp;&amp;amp;amp;amp;amp; m_locals.size() > 0){
for(int i=0;i<m_locals .size();i++)
m_adapter.add(m_locals.get(i));
}

m_adapter.notifyDataSetChanged();

}

[tweetmeme] No es necesario que el ListView sea lo único que se vea dentro del Layout. Podéis añadir botones, otros layouts o lo que os apetezca. Éste código sólo se encarga de rellenar el ListView y no afectará a otros componentens. Como nota interesante hemos añadido el envio de mensajes al Log del sistema. Tal y como lo hemos echo veremos en Log el número de locales añadido al ListView aunque, como os imaginais, la utilidad del Log es muchísimo más amplia.

Código fuente:

download: IconListView (44.94KB) added: 03/08/2009 clicks: 501 description: ListView que se compone de un icono y un texto.

Comparte:

Entradas relacionadas:

1. Cómo instalar el teclado del HTC Hero en el HTC Magic
2. Tratamiento de ficheros XML con Android
3. Colección de iconos e imágenes para Android

]]>