Professional Documents
Culture Documents
Entramos a la carpeta eclipse y ejecutamos eclipse.exe Debe aparecer una ventana de inicio similar a esta:
Nos pide seguidamente la carpeta donde deseamos ir almacenando los proyectos que desarrollemos:
Ahora ya estamos en el entorno que tiene una vista similar a esta (recordemos que es el Eclipse con algunos cambios desarrollados por Google), la primera vez que ingresamos nos aparece una pantalla de bienvenida pero podemos cerrarla haciendo clic en la cruz de la pestaa y ya tenemos el entorno de trabajo:
7 - Por ltimo debemos crear el AVD (Android Virtual Device) para ello nos dirigimos a la opcin Window -> Android Virtual Device Manager. En este dilogo debemos crear el emulador de Android (presionamos el botn New...):
(que no sea tan grande ya que no entrara en pantalla, podemos probar con WVGA(480,800)), lo enlazamos con la versin de SDK respectivo, fijamos un tamao al SD Card:
En este dilogo especificamos el nombre de la aplicacin y proyecto (pueden ser iguales) y el nombre del paquete java donde se almacenarn los archivos java que creemos (normalmente la url de su empresa al revs). Ahora empezaremos a presionar el botn next para pasar a otras configuraciones de nuestra aplicacin, por el momento dejaremos todos los valores por defecto en cada una de los dilogos que aparece (son 5 dilogos
actualmente), en el ltimo dilogo debe aparecer el botn "Finish" el cual presionamos. El ADT nos genera todos los directorios y archivos bsicos para iniciar nuestro proyecto:
No haremos en este momento un anlisis del significado y objetivo de cada uno de estos directorios y archivos generados, sino a medida que avancemos con este curso iremos viendo en forma puntual y profunda. La interfaz visual de nuestro programa para Android se almacena en un archivo XML en la carpeta res, subcarpeta layout y el archivo se llama activity_main.xml. En esta carpeta tenemos creada nuestra primer pantalla. Al seleccionar este archivo el ADT nos permite visualizar el contenido en "vista de diseo (Graphical Layout)":
podemos
visualizar
el
archivo
El ADT ya insert un control de tipo RelativeLayout que permite ingresar controles visuales alineados a los bordes y a otros controles que haya en la ventana (ms adelante analizaremos este layout) Ya veremos que podemos modificar todo este archivo para que se adapte a la aplicacin que queremos desarrollar. Luego contenido en el control RelativeLayout hay otro control de tipo TextView que es bsicamente una etiqueta o label que mostrar en pantalla el valor almacenado en la propiedad text. Podemos modificar directamente el archivo xml o en "vista de diseo" modificar los valores de las propiedades. Elegimos nuevamente la pestaa "Graphical Layout" y seleccionamos el TextView con el mouse y vemos que en la parte derecha de la pantalla aparece una ventana llamada "properties":
Y estando seleccionado el TextView buscamos la propiedad Text y cargamos: "Mi primer programa para Android" y presionamos enter, podemos ver que se actualiza la vista:
Con esto ya podemos probar nuestra primer aplicacin para un dispositivo Android. SELECCIONAMOS con el mouse en la ventana de la izquierda (Package Explorer) el proyecto001 y presionamos el cono de Run (tringulo verde) o desde el men. Seleccionamos que se ejecute como aplicacin "Android Application". Ahora se abrir el AVD(Android Virtual Device) esto tarda bastante tiempo, es muy importante recordar que luego de ver ejecutndose el programa NO debemos cerrar el AVD para que la prxima ejecucin se inicie ms rpido (podemos minimizar el AVD) Ahora podemos ver nuestra primer aplicacin corriendo en el emulador de Android:
Como hemos visto el ADT nos genera en forma automtica todas las carpetas y archivos bsicos que necesitamos en un principio. En el siguiente concepto podremos empezar a programar verdaderamente. El nico objetivo de este ejercicio es recordar los pasos para crear un proyecto. Este proyecto lo puede descargar en un zip desde este enlace: proyecto001.zip
Realizar la carga de dos nmeros en controles de tipo EditText. Mostrar un mensaje que solicite la carga de los valores. Disponer un Button para sumar los dos valores ingresados. Mostrar el resultado en un tercer TextView.
La
interfaz
visual
debe
quedar
algo
semejante
esto:
Veamos paso a paso como creamos la interfaz visual de nuestro programa. Primero borramos el TextView que aparece por defecto cuando se crea un proyecto con el ADT. Ahora desde la ventana "Palette" seleccionamos de la pestaa "Form Widgets" el control "TextView" y lo arrastramos a la ventana de diseo de nuestra interfaz:
Ahora lo seleccionamos y en la ventana de propiedades especificamos la propiedad text (como habamos visto anteriormente) disponemos el texto
"Ingrese
el
primer
valor:":
Tambin vamos a especificar la propiedad "Id", la misma aparece primera en la paleta de propiedades y le asignaremos el valor @+id/tv1 (el nombre es el que se indica luego de la barra es decir cambiamos textView1 por tv1) Cuidado de no borrar @+id/
Hemos entonces asignado como nombre a este objeto: tv1 (recordemos que se trata de un objeto de la clase TextView) Ahora de la paleta de componentes seleccionamos la pestaa "Text Fields" y arrastramos el primero (el que tiene la etiqueta abc)
En la ventana de properties estando seleccionado el EditText configuramos la propiedad Id... con el nombre et1 (este nombre haremos referencia posteriormente desde Java) Efectuamos los mismos pasos para crear el segundo TextView y EditText (inicializamos las propiedades respectivas) Definimos los id con los nombres tv2 y et2, el resultado visual debe ser algo semejante a esto:
Inicializamos la propiedad text con el texto "Sumar" y la propiedad id la dejamos con el valor ya creado llamado "button1". Para terminar con nuestra interfaz visual arrastramos un tercer objeto de tipo TextView y definimos la propiedad id con el valor "tv3" y la propiedad text con
el texto "resultado", recordemos que la interfaz final debe ser semejante a esta:
Si en este momento ejecutamos la aplicacin aparece la interfaz visual correctamente pero cuando presionemos el botn no mostrar la suma.
Es fundamental una vez finalizada la interfaz visual proceder a grabarla (icono de los diskettes) o la opcin File->Save para que se actualicen los archivos que se generan automticamente.
Hasta ahora hemos trabajado solo con el archivo xml (activity_main.xml) donde se definen los controles visuales de la ventana que estamos creando.
La clase MainActivity hereda de la clase Activity. La clase Activity representa una ventana de Android y tiene todos los mtodos necesarios para crear y mostrar los objetos que hemos dispuesto en el archivo xml. El cdigo fuente de la clase MainActivity.java es:
import android.app.Activity; import android.view.Menu; public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.activity_main, menu); return true; } }
Como mnimo se debe sobrescribir el mtodo onCreate heredado de la clase Activity donde procedemos a llamar la mtodo setContentView pasando como referencia una valor almacenado en una constante llamada activity_main contenida en una clase llamada layout que a su vez la contiene una clase llamada R (veremos ms adelante que el ADT se encarga de crear la clase R en forma automtica y sirve como puente entre el archivo xml y nuestra clase MainActivity) Luego veremos el otro mtodo onCreateOptionsMenu.
Captura de eventos.
Ahora viene la parte donde definimos variables en java donde almacenamos las referencias a los objetos definidos en el archivo XML. Definimos tres variables, dos de tipo EditText y finalmente una de tipo TextView (estas dos clases se declaran en el paquete android.widget, es necesario importar dichas clases para poder definir las variables de dichas clases):
package com.javaya.proyecto002; import import import import import android.app.Activity; android.os.Bundle; android.view.Menu; android.widget.EditText; android.widget.TextView;
public class MainActivity extends Activity { private EditText et1,et2; private TextView tv3; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.activity_main, menu); return true; } }
La forma ms fcil de importar las clases EditText y TextView es tipear las dos lneas:
private EditText et1,et2; private TextView tv3;
y luego presionar las teclas Esto hace que se escriban automticamente los dos import:
import android.widget.EditText;
Control-Shift-O
import android.widget.TextView;
Los nombres que le d a los objetos en este caso coinciden con la propiedad id (no es obligatorio):
private EditText et1,et2; private TextView tv3;
No definimos TextView para los dos mensajes "Ingrese el primer valor" e "Ingrese el segundo valor" ya que no necesitaremos interactuar con ellos. Tambin veremos que el objeto de la clase Button no es necesario definir un atributo sino que desde el archivo XML inicializaremos la propiedad OnClick. En el mtodo onCreate debemos enlazar estas variables con los objetos definidos en el archivo XML, esto se hace llamando al mtodo findViewById:
public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); et1=(EditText)findViewById(R.id.et1); et2=(EditText)findViewById(R.id.et2); tv3=(TextView)findViewById(R.id.tv3); }
Al mtodo findViewById debemos pasar la constante creada en la clase R (recordemos que se crea automticamente esta clase) el nombre de la constante si debe ser igual con el nombre de la propiedad del objeto creado en el archivo XML. Como la clase findViewById retorna una clase de tipo View luego debemos utilizar el operador cast (es decir le antecedemos entre parntesis el nombre de la clase) Ya tenemos almacenados en las variables las referencias a los tres objetos que se crean al llamar al mtodo:setContentView(R.layout.main); . Ahora planteamos el mtodo que se ejecutar cuando se presione el botn (el mtodo debe recibir como parmetro un objeto de la clase View) En nuestro ejemplo lo llam sumar:
package com.javaya.proyecto002; import import import import import import android.app.Activity; android.os.Bundle; android.view.Menu; android.view.View; android.widget.EditText; android.widget.TextView;
public class MainActivity extends Activity { private EditText et1,et2; private TextView tv3;
@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); et1=(EditText)findViewById(R.id.et1); et2=(EditText)findViewById(R.id.et2); tv3=(TextView)findViewById(R.id.tv3); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.activity_main, menu); return true; } //Este mtodo se ejecutar cuando se presione el botn public void sumar(View view) { } }
Debemos importar lar clase View (Control-Shift-O) Ahora debemos ir al archivo XML e inicializar la propiedad OnClick del objeto button1 con el nombre del mtodo que acabamos de crear (este paso es fundamental para que el objeto de la clase Button pueda llamar al mtodo sumar que acabamos de crear):
Finalmente implementaremos la lgica para sumar los dos valores ingresados en los controles EditText:
public void sumar(View view) { String valor1=et1.getText().toString(); String valor2=et2.getText().toString(); int nro1=Integer.parseInt(valor1); int nro2=Integer.parseInt(valor2); int suma=nro1+nro2; String resu=String.valueOf(suma); tv3.setText(resu);
Extraemos el texto de los dos controles de tipo EditText y los almacenamos en dos variables locales de tipo String. Convertimos los String a tipo entero, los sumamos y el resultado lo enviamos al TextView donde se muestra la suma (previo a convertir la suma a String) La clase completa queda entonces como:
package com.javaya.proyecto002; import import import import import import android.app.Activity; android.os.Bundle; android.view.Menu; android.view.View; android.widget.EditText; android.widget.TextView;
public class MainActivity extends Activity { private EditText et1,et2; private TextView tv3; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); et1=(EditText)findViewById(R.id.et1); et2=(EditText)findViewById(R.id.et2); tv3=(TextView)findViewById(R.id.tv3); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.activity_main, menu);
return true; } //Este mtodo se ejecutar cuando se presione el botn public void sumar(View view) { String valor1=et1.getText().toString(); String valor2=et2.getText().toString(); int nro1=Integer.parseInt(valor1); int nro2=Integer.parseInt(valor2); int suma=nro1+nro2; String resu=String.valueOf(suma); tv3.setText(resu); } }
Si ejecutamos nuestro programa podemos ver ahora que luego de cargar dos valores al presionar el botn aparece en el tercer TextView el resultado de la suma de los dos EditText:
Realizar la carga de dos nmeros en controles de tipo EditText. Mostrar un mensaje que solicite la carga de los valores. Disponer dos controles de tipo RadioButton para seleccionar si queremos sumar o restar dichos valores. Finalmente mediante un control de tipo Button efectuamos la operacin respectiva. Mostramos el resultado en un TextView. El problema es similar al anterior. Para disponer los controles de tipo RadioButton debemos en realidad primero insertar un control de tipo RadioGroup (este control se encuentra en la paleta de componentes en la pestaa Form Widgets):
Cuando arrastramos el control RadioGroup al formulario se generan automticamente 3 objetos de la clase RadioButton contenidos dentro del RadioGroup, podemos fcilmente identificar que los controles RadioButton pertenecen a dicho RadioGroup viendo la ventana de "Outline" del Eclipse (donde nos muestra todos los controles insertados hasta el momento):
Nuestro problema solo requiere dos controles de tipo RadioButton. Para borrarlo lo podemos hacer directamente del formulario seleccionndolo y presionando la tecla delete o seleccionndolo desde la ventana "Outline" y luego presionando la tecla delete .
Ahora a los dos controles de tipo RadioButton definimos sus id (los llamaremos r1 y r2 respectivamente) Cambiamos sus propiedades text por los textos "sumar" y "restar". No olvidemos tambin cambiar los id de los controles EditText por et1 y et2 (igual que en el problema anterior) Por ltimo agreguemos un botn y un TextView para mostrar el resultado Inicializamos las propiedades del botn con los valores:
id : button1 text : operar
Podemos controlar en la ventana "Outline" el id definido para cada control (tv1, et1, tv2, et2, radioGroup1, r1, r2, button1, tv3) Tambin podemos observar de que clase es cada control visual y el texto de la
Si nuestro problema requera ms de 3 RadioButton deberamos arrastrar dentro del RadioGroup otros controles de tipo RadioButton que se encuentran tambin en la pestaa de "Form Widgets"
Captura del evento clic del button e identifiacin del RadioButton seleccionado.
package com.javaya.proyecto003;
public class MainActivity extends Activity { private EditText et1,et2; private TextView tv3; private RadioButton r1,r2; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); et1=(EditText)findViewById(R.id.et1); et2=(EditText)findViewById(R.id.et2); tv3=(TextView)findViewById(R.id.tv3); r1=(RadioButton)findViewById(R.id.r1); r2=(RadioButton)findViewById(R.id.r2); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.activity_main, menu); return true;
} //Este mtodo se ejecutar cuando se presione el botn public void operar(View view) { String valor1=et1.getText().toString(); String valor2=et2.getText().toString(); int nro1=Integer.parseInt(valor1); int nro2=Integer.parseInt(valor2); if (r1.isChecked()==true) { int suma=nro1+nro2; String resu=String.valueOf(suma); tv3.setText(resu); } else if (r2.isChecked()==true) { int resta=nro1-nro2; String resu=String.valueOf(resta); tv3.setText(resu); } } }
Primero debemos enlazar el objeto button1 con el mtodo operar. Para esto similar al problema anterior seleccionamos el control button1 y cambiamos la propiedad OnClick por el valor operar (si no hacemos esto nunca se ejecutar el mtodo operar de la clase MainActivity) Como podemos ver el cdigo fuente es igual al problema anterior. Tenemos dos objetos ms que debemos inicializar en el mtodo onCreate:
r1=(RadioButton)findViewById(R.id.r1); r2=(RadioButton)findViewById(R.id.r2);
Las variables r1 y r2 son de la clase RadioButton y son necesarios en el mtodo operar para verificar cual de los dos RadioButton estn seleccionados. La clase RadioButton tiene un mtodo llamado isChecked que retorna true si dicho elemento est seleccionado:
public void operar(View view) { String valor1=et1.getText().toString(); String valor2=et2.getText().toString();
int nro1=Integer.parseInt(valor1); int nro2=Integer.parseInt(valor2); if (r1.isChecked()==true) { int suma=nro1+nro2; String resu=String.valueOf(suma); tv3.setText(resu); } else if (r2.isChecked()==true) { int resta=nro1-nro2; String resu=String.valueOf(resta); tv3.setText(resu); } }
5 - Control CheckBox
El objetivo de este concepto es practicar lo visto hasta ahora e incorporar el control visual CheckBox
Problema:
Realizar la carga de dos nmeros en controles de tipo EditText. Mostrar un mensaje que solicite la carga de los valores. Disponer dos controles de tipo CheckBox para seleccionar si queremos sumar y/o restar dichos valores. Finalmente mediante un control de tipo Button efectuamos la operacin respectiva. Mostramos el o los resultados en un TextView. Lo nuevo en este problema es la insercin de dos objetos de la clase CheckBox que se encuentra en la pestaa "Form Widgets":
Luego la interfaz grfica final para este problema y los nombres de los controles los podemos ver en la ventana "Outline":
No olvidemos inicializar la propiedad OnClick del objeto button1 con el valor "operar" (es el nombre del mtodo a ejecutarse cuando se presione el botn y lo implementa la clase que hacemos)
Cdigo fuente:
package com.androiya.proyecto004;
public class MainActivity extends Activity { private EditText et1,et2; private TextView tv3; private CheckBox checkBox1,checkBox2; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); et1=(EditText)findViewById(R.id.et1); et2=(EditText)findViewById(R.id.et2); tv3=(TextView)findViewById(R.id.tv3); checkBox1=(CheckBox)findViewById(R.id.checkBox1); checkBox2=(CheckBox)findViewById(R.id.checkBox2); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.activity_main, menu);
return true; } //Este mtodo se ejecutar cuando se presione el botn public void operar(View view) { String valor1=et1.getText().toString(); String valor2=et2.getText().toString(); int nro1=Integer.parseInt(valor1); int nro2=Integer.parseInt(valor2); String resu=""; if (checkBox1.isChecked()==true) { int suma=nro1+nro2; resu="La suma es: "+ suma; } if (checkBox2.isChecked()==true) { int resta=nro1-nro2; resu=resu + " La resta es: "+ resta; } tv3.setText(resu); } }
Definimos dos objetos de la clase CheckBox como atributos de la clase:
private CheckBox checkBox1,checkBox2;
En el mtodo onCreate los inicializamos con los objetos definidos en el archivo XML:
checkBox1=(CheckBox)findViewById(R.id.checkBox1); checkBox2=(CheckBox)findViewById(R.id.checkBox2);
En el mtodo operar debemos definir dos if a la misma altura ya que los dos controles de tipo CheckBox pueden estar seleccionados simultaneamente. Definimos una variable de tipo String y la inicializamos con cadena vaca para el caso en que los dos CheckBox no estn seleccionados:
String resu=""; if (checkBox1.isChecked()==true) { int suma=nro1+nro2; resu="La suma es: "+ suma; } if (checkBox2.isChecked()==true) { int resta=nro1-nro2; resu=resu + " La resta es: "+ resta; } tv3.setText(resu);
6 - Control Spinner
El objetivo de este concepto es practicar lo visto hasta ahora e incorporar el control visual Spinner El control Spinner muestra una lista de String y nos permite seleccionar uno de ellos. Cuando se lo selecciona se abre y muestra todos sus elementos para permitir seleccionar uno de ellos.
Problema:
Realizar la carga de dos nmeros en controles de tipo EditText. Mostrar un mensaje que solicite la carga de los valores. Disponer un control de tipo Spinner que permita seleccionar si queremos sumar, restar, multiplicar o dividir dichos valores. Finalmente mediante un control de tipo Button efectuamos la operacin respectiva. Mostramos el resultado en un TextView. Lo nuevo en este problema es la insercin de un control de tipo Spinner que se encuentra en la pestaa "Form Widgets":
Definimos la propiedad id con el valor spinner1 (valor por defecto). En la siguiente imagen en la ventana "Outline" de Eclipse podemos observar los objetos dispuestos en el formulario, sus Id, sus textos y de que clase son cada uno:
No olvidemos inicializar la propiedad OnClick del objeto button1 con el valor "operar" (dicho nombre es el mtodo que debemos implementar)
Cdigo fuente:
public class MainActivity extends Activity { private Spinner spinner1; private EditText et1,et2; private TextView tv3; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); et1=(EditText)findViewById(R.id.et1); et2=(EditText)findViewById(R.id.et2); tv3=(TextView)findViewById(R.id.tv3); spinner1 = (Spinner) findViewById(R.id.spinner1); String []opciones={"sumar","restar","multiplicar","divid ir"}; ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple _spinner_item, opciones); spinner1.setAdapter(adapter); } @Override public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.activity_main, menu); return true; } //Este mtodo se ejecutar cuando se presione el botn public void operar(View view) { String valor1=et1.getText().toString(); String valor2=et2.getText().toString(); int nro1=Integer.parseInt(valor1); int nro2=Integer.parseInt(valor2); String selec=spinner1.getSelectedItem().toString(); if (selec.equals("sumar")) { int suma=nro1+nro2; String resu=String.valueOf(suma); tv3.setText(resu); } else if (selec.equals("restar")) { int resta=nro1-nro2; String resu=String.valueOf(resta); tv3.setText(resu); } else if (selec.equals("multiplicar")) { int multi=nro1*nro2; String resu=String.valueOf(multi); tv3.setText(resu); }
Al constructor le pasamos como primer parmetro la referencia de nuestro Activity (this), el segundo parmetro indica el tipo de Spinner, pudiendo ser las constantes:
android.R.layout.simple_spinner_item android.R.layout.simple_spinner_dropdown_item
El tercer parmetro es la referencia del vector que se mostrar: Luego llamamos al mtodo setAdapter de la clase Spinner pasando la referencia del objeto de la clase ArrayAdapter que acabamos de crear:
spinner1.setAdapter(adapter);
En el mtodo operar que se ejecuta cuando presionamos el botn procedemos a extraer el contenido seleccionado del control Spinner:
String selec=spinner1.getSelectedItem().toString();
Luego mediante una serie de if anidados verificamos si debemos sumar, restar, multiplicar o dividir:
if (selec.equals("sumar")) { int suma=nro1+nro2; String resu=String.valueOf(suma); tv3.setText(resu); } else if (selec.equals("restar")) { int resta=nro1-nro2; String resu=String.valueOf(resta); tv3.setText(resu); } else
if (selec.equals("multiplicar")) { int multi=nro1*nro2; String resu=String.valueOf(multi); tv3.setText(resu); } else if (selec.equals("dividir")) { int divi=nro1/nro2; String resu=String.valueOf(divi); tv3.setText(resu); }
7 - Control ListView
El control ListView a diferencia del Spinner que se cierra luego de seleccionar un elemento permanecen visibles varios elementos (se lo utiliza cuando hay que mostrar muchos elementos) Si la lista no entra en el espacio que hemos fijado para el ListView nos permite hacer scroll de los mismos. El control ListView se encuentra en la pestaa "Compositive".
Problema:
Disponer un ListView con los nombres de paises de sudamrica. Cuando se seleccione un pas mostrar en un TextView la cantidad de habitantes del pas seleccionado. La interfaz visual a implementar es la siguiente (primero disponemos un TextView (llamado tv1) y un ListView (llamado listView1)):
Cdigo fuente:
import android.view.View; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.ArrayAdapter; import android.widget.ListView; import android.widget.TextView; public class MainActivity extends Activity { private String[] paises = { "Argentina", "Chile", "Paraguay", "Bolivia", "Peru", "Ecuador", "Brasil", "Colombia", "Venezuela", "Uruguay" }; private String[] habitantes = { "40000000", "17000000", "6500000", "10000000", "30000000", "14000000", "183000000", "44000000", "29000000", "3500000" }; private TextView tv1; private ListView lv1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); tv1=(TextView)findViewById(R.id.tv1); lv1 =(ListView)findViewById(R.id.listView1); ArrayAdapter <String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple _list_item_1, paises); lv1.setAdapter(adapter); lv1.setOnItemClickListener(new OnItemClickListener() {
@Override public void onItemClick(AdapterView<?> parent, View v, int posicion, long id) { tv1.setText("Poblacin de "+ lv1.getItemAtPosition(posicion) + " es "+ habitantes[posicion]); } }); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.activity_ma in, menu); return true; } }
Primero definimos dos vectores paralelos donde almacenamos en uno los nombres de paises y en el otro almacenamos la cantidad de habitantes de dichos paises:
private paises={"Argentina","Chile","Paraguay","Bolivia","Peru", String[]
Definimos un objeto de tipo TextView y otro de tipo ListView donde almacenaremos las referencias a los objetos que definimos en el archivo XML:
private TextView tv1; private ListView lv1;
Creamos un objeto de la clase ArrayAdapter de forma similar a como lo hicimos cuando vimos la clase Spinner:
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1, paises); lv1.setAdapter(adapter);
Llamamos al mtodo setOnItemClicListener de la clase ListView y le pasamos como parmetro una clase annima que implementa la interfaz OnItemClickListener (dicha interfaz define el mtodo onItemClick que se dispara cuando seleccionamos un elemento del ListView):
lv1.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View v, int posicion, long id) { tv1.setText("Poblacin de "+ lv1.getItemAtPosition(posicion) + " es "+ habitantes[posicion]); } });
Dentro del mtodo onItemClick modificamos el contenido del TextView con el nombre del pas y la cantidad de habitantes de dicho pas. Este mtodo recibe en el tercer parmetro la posicin del item seleccionado del ListView. Cuando ejecutamos el proyecto podemos ver una interfaz en el emulador similar a esta:
8 - Control ImageButton
Hemos visto la creacin de objetos de la clase Button, ahora veremos otra clase muy similar a la anterior llamada ImageButton que tiene la misma filosofa de manejo con la diferencia que puede mostrar una imagen en su superficie.
Problema:
Disponer un objeto de la clase ImageButton que muestre una imagen de un telfono. Cuando se presione mostrar en un control TextView el mensaje "Llamando". Primero crearemos un proyecto llamado proyecto007 y luego debemos buscar una imagen en formato png que represente un telefono de 50*50 pxeles. Nombre del archivo: telefono.png Ahora copiamos el archivo a la carpeta de recursos de nuestro proyecto : res\drawable-mdpi Desde el Eclipse en la ventana "Package Explorer" navegamos hasta la carpeta res y entramos al directorio drawable-mdpi y vemos que todava no est el archivo que acabamos de copiar. Para que se actualice el proyecto presionamos el botn derecho del mouse sobre esta carpeta y seleccionamos la opcin "Refresh":
Vemos que se actualiz el contenido de la carpeta y aparece la imagen que copiamos previamente.
Ahora insertaremos el objeto de la clase ImageButton en el formulario de nuestra aplicacin. La clase ImageButton se encuentra en la pestaa "Image & Media":
Aparece un dilogo de donde seleccionamos el archivo telefono. Luego de esto podemos ver que la superficie del objeto de la clase ImageButton muestra la imagen que almacenamos previamente en la carpeta de res. Si queremos cambiar el archivo a mostrar debemos modificar la propiedad src (aparece nuevamente el dilogo que nos permite seleccionar la imagen) Inicializamos la propiedad ID con el nombre bi1 Agreguemos un TextView a nuestra aplicacin y configuremos sus propiedades ID (con tv1) y text. Luego la interfaz visual debe ser similar a:
Cdigo fuente:
package com.javaya.proyecto007; import import import import android.app.Activity; android.os.Bundle; android.view.Menu; android.view.View;
import android.widget.TextView; public class MainActivity extends Activity { private TextView tv1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); tv1=(TextView)findViewById(R.id.tv1); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.activity_main, menu); return true; } //Este mtodo se ejecutar cuando se presione el ImageButton public void llamar(View view) { tv1.setText("Llamando"); } }
Definimos el atributo de tipo TextView:
TextView tv1;
No olvidemos inicializar la propiedad OnClick del objeto ib1 con el nombre del mtodo "llamar" (recordemos que esto lo hacemos accediendo a la propiedad On Click en la ventana de "Properties") Este proyecto lo puede descargar en un zip desde este enlace: proyecto007.zip
Comentarios extras de este control.
El objetivo de estas otras carpetas es guardar las mismas imgenes pero con una resolucin mayor si la guardamos en drawable-hdpi y con una resolucin menor al guardarla en drawable-ldpi. Esto se hace si queremos que nuestra aplicacin sea ms flexible si se ejecuta en un celular, en un tablet, en un televisor etc. Debemos tener en cuenta estos tamaos:
En la carpeta res/drawable-mdpi/ (guardamos la imagen con el tamao original) En la carpeta res/drawable-ldpi/ (guardamos la imagen con el tamao del 75% con respecto al de la carpeta drawable-mdpi) En la carpeta res/drawable-hdpi/ (guardamos la imagen con el tamao del 150% con respecto al de la carpeta drawable-mdpi)
Confeccionar un programa que muestre en la ventana principal un botn que al ser presionado muestre otra ventana (Activity) mostrando un TextView con el nombre del programador de la aplicacin y un botn para cerrar la ventana o actividad.
1 - Primero creamos un nuevo proyecto que lo llamaremos proyecto008 y en la ventana principal creamos la siguiente interfaz:
Es decir que nosotros queremos que cuando se presione el botn "Acerca De" nos abra otra ventana (Activity) y nos muestre el nombre del programador. 2 - Ahora tenemos que crear el segundo Activity. Crearemos primero el archivo XML. Presionamos el botn derecho sobre la carpeta layout y seleccionaremos
la
opcin
New
->
Android
XML
File
Aqu tenemos que definir el nombre del archivo XML (debe estar en minsculas), lo llamaremos acercade:
Implementamos ahora la interfaz visual de esta segunda ventana (Activity) disponiendo un objeto de la clase TextView donde mostramos el nombre del autor de este programa y un Button para cerrar la ventana.
3 - Tenemos ahora que crear el archivo Java donde dispondremos la funcionalidad de la segunda ventana (Activity) Creamos una nueva clase al proyecto desde el men contextual(presionamos el botn derecho del mouse sobre el paquete com.androidya.proyecto008):
Al nombre de la clase la llamamos AcercaDe y debemos especificar que hereda de la clase Activity (podemos presionar el botn Browse que est en la misma fila de SuperClass y buscamos la clase Activity para que disponga el nombre del paquete donde se encuentra):
Debemos sobreescribir el mtodo onCreate donde enlazamos esta clase con el archivo XML que diseamos.
Si no recordamos cual es la sintaxis exacta de este mtodo podemos tambin generarlo automticamente con la ayuda de nuestro editor, elegimos Source -> Override/Implement methods:
Buscamos el mtodo onCreate y presionamos el botn Ok, ahora ya tenemos la clase con el mtodo onCreate:
package com.javaya.proyecto008; import android.app.Activity; import android.os.Bundle; public class AcercaDe extends Activity { @Override protected void onCreate(Bundle savedInstanceState) {
Ahora solo falta llamar al mtodo setContentView para enlazar el archivo XML:
package com.javaya.proyecto008; import android.app.Activity; import android.os.Bundle; public class AcercaDe extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); setContentView(R.layout.acercade); } }
Como podemos ver la clase AcercaDe hereda de la clase Activity e implementa el mtodo onCreate para enlazar el archivo XML que creamos anteriormente. 4 - Otro paso fundamental es registrar el Activity en el archivo "AndroidManifest.xml" que se encuentra en la raiz principal del proyecto. Seleccionamos el archivo y activamos la pestaa : "Application", presionamos el botn "add" y seleccionamos "Activity":
Por ltimo seleccionamos en "Application Nodes" la actividad creada y definimos la propiedad Name con el nombre de la clase que la implementa (en
nuestro
caso
se
llama
AcercaDe):
5 - Ahora implementaremos la funcionalidad en la actividad (Activity) principal para que se active la segunda ventana. Inicializamos la propiedad OnClick del objeto de la clase Button con el valor "lanzar", este es el mtodo que se ejecutar cuando se presione. El cdigo fuente de la actividad principal queda:
package com.javaya.proyecto008; import import import import import android.app.Activity; android.content.Intent; android.os.Bundle; android.view.Menu; android.view.View;
public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.activity_main, menu); return true; } public void lanzar(View view) { Intent i = new Intent(this, AcercaDe.class ); startActivity(i); } }
En el mtodo lanzar creamos un objeto de la clase Intent y le pasamos como parmetros la referencia del objeto de esta clase (this) y la referencia del otro Activity (AcercaDe.class) Llamamos posteriormente al mtodo startActivity pasando el objeto de la clase Intent (con esto ya tenemos en pantalla la ventana del segundo Activity:
public void lanzar(View view) { Intent i = new Intent(this, AcercaDe.class ); startActivity(i); }
Si ejecutamos el programa podemos ver que cuando presionamos el botn "Acerca De" aparece la segunda ventana donde se muestra el TextView con el valor "Autor de este programa: Diego" y un botn con el texto "Finalizar" (si presionamos este botn no sucede nada, esto debido a que no hemos asociado ningn evento a dicho botn) 6 - Debemos codificar el evento OnClick de la segunda actividad. Seleccionemos el botn "Finalizar" y definamos en la propiedad OnClick el nombre de mtodo que se ejecutar al presionarse el botn (en nuestro caso lo llamaremos cerrar") : El cdigo fuente de la actividad AcercaDe queda:
package com.javaya.proyecto008; import android.app.Activity; import android.os.Bundle; import android.view.View; public class AcercaDe extends Activity {
/** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.acercade); } public void cerrar(View view) { finish(); } }
Cuando se presiona el botn finalizar llamando al mtodo finish() que tiene por objetivo liberar el espacio de memoria de esta actividad y pedir que se active la actividad anterior. Ahora nuestro programa est funcionando completamente: Primer Activity:
Segundo Activity:
Ahora ya tenemos el programa funcionando en forma completa. Este proyecto lo puede descargar en un zip desde este enlace: proyecto008.zip
Problema propuesto
1. Realizar un programa que contenga dos Activity. En el primero que solicite el ingreso de una clave (control Password) Si ingresa la clave "abc123" activar el segundo Activity mostrando en un TextView un mensaje de bienvenida (mostrar en un TextView si se ingrese la clave incorrecta). Llamar al proyecto: proyecto009. En tiempo de ejecucin los dos Activity deben mostrarse algo similar a esto:
descargar
en
un
zip
desde
este
Una situacin muy comn es que la primer ventana necesite enviar datos a la segunda para que a partir de estos proceda a efectuar una accin.
Problema:
Confeccionar un programa que solicite el ingrese de una direccin de un sitio web y seguidamente abrir una segunda ventana que muestre dicha pgina. Para resolver este problema utilizaremos el control visual WebView que nos permite mostrar el contenido de un sitio web. Crearemos un nuevo proyecto llamado proyecto010 y lo almacenaremos en el package name: com.androidya.proyecto010. 1 - Nuestro primer Activity tendr la siguiente interfaz visual (ver controles y ID de los controles):
Tenemos un control de tipo TextView (tv1), otro de tipo EditText y finalmente otro de tipo Button (button1) debemos inicializar las propiedades de cada uno de estos tres objetos. El cdigo fuente de esta Activity es:
public class MainActivity extends Activity { private EditText et1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); et1 = (EditText) findViewById(R.id.et1); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.activity_main, menu); return true; } public void ejecutar(View view) { Intent i = new Intent(this, Actividad2.class); i.putExtra("direccion", et1.getText().toString()); startActivity(i); }
}
Como podemos ver la diferencia con el concepto anterior es que llamamos al mtodo putExtra de la clase Intent. Tiene dos parmetros de tipo String, en el primero indicamos el nombre del dato y en el segundo el valor del dato:
public void ejecutar(View view) { Intent i = new Intent(this, Actividad2.class ); i.putExtra("direccion", et1.getText().toString()); startActivity(i); }
La segunda interfaz visual (recordemos que debemos presionar el botn derecho sobre la carpeta layout y seleccionar la opcin New -> Android XML File) la llamaremos actividad2.xml:
En esta interfaz disponemos primero un control de tipo Button (button1) y un objeto de la clase WebView (se encuentra en la pestaa "Composite") y lo dejamos con el ID por defecto llamado webView1 Tenemos que crear el archivo Java donde dispondremos la funcionalidad de la segunda ventana (Activity)
Creamos una nueva clase al proyecto desde el men contextual(presionamos el botn derecho del mouse sobre el paquete com.androidya.proyecto010) Al nombre de la clase la llamamos Actividad2 y debemos especificar que hereda de la clase android.app.Activity Ahora tenemos que modificar el archivo Java generado agregando del mtodo onCreate con esto:
package com.androidya.proyecto010; import import import import android.app.Activity; android.os.Bundle; android.view.View; android.webkit.WebView;
public class Actividad2 extends Activity { private WebView webView1; @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); setContentView(R.layout.actividad2); webView1 = (WebView) findViewById(R.id.webView1); Bundle bundle = getIntent().getExtras(); webView1.loadUrl("http://" + bundle.getString("direccion")); } public void finalizar(View view) { finish(); } }
En esta clase definimos una variable de tipo Bundle y la inicializamos llamando al mtodo getExtras() de la clase Intent (esto lo hacemos para recuperar el o los parmetros que envi la otra actividad (Activity)):
Bundle bundle=getIntent().getExtras();
webView1.loadUrl("http://"+bundle.getString("direccion"));
El mtodo loadUrl de la clase WebView permite visualizar el contenido de un sitio web. Otro paso fundamental es registrar el Activity en el archivo "AndroidManifest.xml" que se encuentra en la raiz principal del proyecto. Seleccionamos el archivo y activamos la pestaa : "Application", presionamos el botn "add" y seleccionamos "Activity". Por ltimo seleccionamos en "Application Nodes" la actividad creada y definimos la propiedad Name con el nombre de la clase que la implementa (en nuestro caso se llama Actividad2) Como nuestra aplicacin debe acceder a internet debemos hacer otra configuracin en el archivo "AndroidManifest.xml", debemos ir a la pestaa "Permissions" presionar el botn "Add" y seleccionar "Uses Permissions":
Luego fijar en la propiedad name el valor android.permission.INTERNET Ahora nuestro programa debera estar funcionando completamente. La primer ventana debera ser algo similar a esto:
Confeccionar un programa que solicite el ingrese del mail de una persona. Guardar el mail ingresado utilizando la clase SharedPreferences. Cada vez que se inicie la aplicacin almacenar en el control EditText el ltimo mail ingresado. Disponer un botn para almacenar el mail ingresado y finalizar el programa. Crearemos un nuevo proyecto llamado proyecto011 y lo almacenaremos en el package name: com.androidya.proyecto011. La interfaz visual a implementar y los Id de los controles visuales son los siguientes:
Es decir:
Disponemos un TextView y definimos su ID con el nombre tv1 la propiedad Text con "Ingrese el mail:".
Disponemos un EditText y definimos su ID con el nombre et1. Disponemos un Button y definimos su propiedad Id con el nombre button1 su propiedad Text con el valor confirmar
su ejecutar
propiedad
OnClic
con
el
valor
package com.javaya.proyecto011; import import import import import import import import android.app.Activity; android.content.Context; android.content.SharedPreferences; android.content.SharedPreferences.Editor; android.os.Bundle; android.view.Menu; android.view.View; android.widget.EditText;
public class MainActivity extends Activity { private EditText et1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); et1=(EditText)findViewById(R.id.et1); SharedPreferences prefe=getSharedPreferences("datos",Context.MODE_P RIVATE); et1.setText(prefe.getString("mail","")); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.activity_main, menu); return true; } public void ejecutar(View v) { SharedPreferences preferencias=getSharedPreferences("datos",Context .MODE_PRIVATE); Editor editor=preferencias.edit(); editor.putString("mail", et1.getText().toString()); editor.commit(); finish(); } }
Obtenemos la referencia del EditText:
et1=(EditText)findViewById(R.id.et1);
Obtenemos una referencia de un objeto de la clase SharedPreferences a travs del mtodo getSharedPreferences. El primer parmetro es el nombre del archivo de preferencias y el segundo la forma de creacin del archivo (MODE_PRIVATE indica que solo esta aplicacin puede consultar el archivo XML que se crea)
SharedPreferences prefe=getSharedPreferences("datos",Context.MODE_PRIVATE);
Para extraer los datos del archivo de preferencias debemos indicar el nombre a extraer y un valor de retorno si dicho nombre no existe en el archivo de preferencias (en nuestro ejemplo la primera vez que se ejecute nuestro programa como es lgico no existe el archivo de preferencias lo que hace que Android lo cree, si tratamos de extraer el valor de mail retornar el segundo parmetro es decir el String con una cadena vaca:
et1.setText(prefe.getString("mail",""));
Cuando se presiona el botn "Confirmar" lo que hacemos es grabar en el archivo de preferencias el contenido del EditText en una variable llamada "mail":
public void ejecutar(View v) { SharedPreferences preferencias=getSharedPreferences("datos",Context.MODE_PRIVATE); Editor editor=preferencias.edit(); editor.putString("mail", et1.getText().toString());
editor.commit(); finish(); }
Debemos crear un objeto de la clase Editor y obtener la referencia del objeto de la clase SharedPreferences que acabamos de crear. Mediante el mtodo putString almacenamos en mail el valor del String cargado en el EditText. Luego debemos llamar al mtodo commit de la clase editor para que el dato quede almacenado en forma permanente en el archivo de preferencias. Esto hace que cuando volvamos a arrancar la aplicacin se recupere el ltimo mail ingresado. Recordemos que el mtodo finish de la clase Activity finaliza la actividad actual (como tenemos una aplicacin con una sola actividad finalizar completamente nuestro programa. Este proyecto lo puede descargar en un zip desde este enlace: proyecto011.zip
Comentarios extras.
MODE_WORLD_WRITEABLE otras aplicaciones pueden consultar y modificar el archivo. MODE_MULTI_PROCESS varios procesos pueden acceder (Requiere Android 2.3)
Cuando guardamos datos en el archivo de preferencias podemos almacenar distintos tipos de datos segn el mtodo que llamemos en el momento de grabar:
editor.putInt("edad",3); editor.putBoolean("activo", true); editor.putFloat("altura", 2.3f);
Cuando los recuperamos debemos indicar tambin que tipo de datos extraemos:
int e=prefe.getInt("edad", 0); boolean acti=prefe.getBoolean("activo", false); float alt=prefe.getFloat("altura", 0f);
Problema propuesto
1. Realizar un programa que genere un nmero aleatorio entre 1 y 50, pedir que el operador lo adivine, informar si gan o si el nmero es mayor o menor al ingresado. Cuando el operador lo adivine incrementar en uno el puntaje de juego. Cada vez que se ingrese a la aplicacin mostrar el puntaje actual, es decir recordar el puntaje en un archivo de preferencias. La interfaz visual de la aplicacin a desarrollar es:
descargar
en
un
zip
desde
este
12 - Almacenamiento de datos en un
Confeccionar un programa que permita almacenar notas en un control EditText y cuando se presione un botn almacenar los datos del EditText en un archivo de texto llamado "notas.txt". Cada vez que se ingrese al programa verificar si existe el archivo de textos "notas.txt" proceder a su lectura y almacenamiento de datos en el EditText. Crear un proyecto en Eclipse de tipo "Android Project" y definir como nombre: proyecto013 y localizarlo en el paquete com.androidya.proyecto013. La interfaz visual, los controles y sus ID son los siguientes:
import java.io.OutputStreamWriter; import import import import import import android.app.Activity; android.os.Bundle; android.view.Menu; android.view.View; android.widget.EditText; android.widget.Toast;
public class MainActivity extends Activity { private EditText et1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); et1 = (EditText) findViewById(R.id.et1); String[] archivos = fileList(); if (existe(archivos, "notas.txt")) try { InputStreamReader archivo = new InputStreamReader( openFileInput("notas.txt")); BufferedReader br = new BufferedReader(archivo); String linea = br.readLine(); String todo = ""; while (linea != null) { todo = todo + linea + "\n"; linea = br.readLine(); } br.close(); archivo.close();
et1.setText(todo); } catch (IOException e) { } } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.activity_main, menu); return true; } private boolean existe(String[] archivos, String archbusca) { for (int f = 0; f < archivos.length; f++) if (archbusca.equals(archivos[f])) return true; return false; } public void grabar(View v) { try { OutputStreamWriter archivo = new OutputStreamWriter(openFileOutput( "notas.txt", Activity.MODE_PRIVATE)); archivo.write(et1.getText().toString()); archivo.flush(); archivo.close(); } catch (IOException e) { }
Creamos un objeto de la clase OutputStreamWriter y al constructor de dicha clase le enviamos el dato que retorna el mtodo openFileOutput propio de la clase Activity que le pasamos como parmetro el nombre del archivo de texto y el modo de apertura. Seguidamente si el archivo se cre correctamente procedemos a llamar al mtodo write y le pasamos el String a grabar, en este caso extraemos los datos del EditText:
archivo.write(et1.getText().toString());
Luego de grabar con el mtodo write llamamos al mtodo flush para que vuelque todos los datos que pueden haber quedado en el buffer y procedemos al cerrado del archivo:
archivo.flush(); archivo.close();
Todo esto est cerrado en un try/catch para verificar si sucede algn error en la apertura del archivo. Finalmente mostramos un mensaje temporal en pantalla utilizando la clase Toast:
Toast t=Toast.makeText(this,"Los Toast.LENGTH_SHORT); t.show(); finish(); datos fueron grabados",
Para crear un objeto de la clase Toast llamamos al mtodo makeText de la clase Toast y le pasamos la referencia del Activity actual, el String a mostrar y el tiempo de duracin del mensaje. Con el objeto devuelto por el mtodo makeText procedemos a llamar seguidamente al mtodo show para que se muestre el mensaje. Es comn llamar al mtodo show de la clase Toast en una sola lnea como esta:
Toast.makeText(this,"Los Toast.LENGTH_SHORT).show();
datos
fueron
grabados",
El mtodo onCreate tiene por objetivo verificar si existe el archivo de texto, proceder a su lectura y mostrar su contenido en el EditText. Primero obtenemos la lista de todos los archivos creados por la Activity. En nuestro ejemplo puede ser cero o uno:
String []archivos=fileList();
Llamamos a un mtodo que verifica si en el vector de tipo String existe el archivo "notas.txt":
if (existe(archivos,"notas.txt"))
En el caso que me retorne true procedemos a crear un objeto de la clase InputStreamReader y al constructor de dicha clase le pasamos el dato devuelto por el mtodo openFileInput:
InputStreamReader InputStreamReader(openFileInput("notas.txt")); archivo=new
Creamos un objeto de la clase BufferedReader y le pasamos al constructor la referencia del objeto de la clase InputStreamReader:
BufferedReader br=new BufferedReader(archivo);
close
de
la
clase
BufferedReader
al
del
br.close(); archivo.close();
Cargamos el EditText con el contenido del String que contiene todos los datos del archivo de texto:
et1.setText(todo);
El mtodo existe llega un vector de tipo String y otro String a buscar. Dentro de un for verificamos el String a buscar con cada uno de los String del vector, si lo encontramos retornamos true. Si recorre todo el for sin encontrarlo fuera del for retornamos false:
private boolean existe(String[] archivos,String archbusca) { for(int f=0;f<archivos.length;f++) if (archbusca.equals(archivos[f])) return true; return false; }
Confeccionar un programa que permita ingresar el nombre de un archivo y el contenido. Permitir grabar los datos ingresados al presionar un botn. Disponer un segundo botn que permita recuperar los datos del archivo de texto. Hacer que los archivos se graben en una tarjeta SD. La interfaz visual a implementar es la siguiente:
El primer paso es modificar el archivo AndroidManifest.xml para permitir el acceso a la tarjeta SD desde nuestra aplicacin esto lo hacemos desde el editor visual del archivo AndroidManifest.xml:
Debemos presionar el botn "Add" seleccionar "Uses Permision" y luego en name seleccionar "android.permission.WRITE_EXTERNAL_STORAGE". El cdigo fuente es:
package com.javaya.proyecto014; import import import import import import import import import import import import import import java.io.BufferedReader; java.io.File; java.io.FileInputStream; java.io.FileOutputStream; java.io.IOException; java.io.InputStreamReader; java.io.OutputStreamWriter; android.app.Activity; android.os.Bundle; android.os.Environment; android.view.Menu; android.view.View; android.widget.EditText; android.widget.Toast;
public class MainActivity extends Activity { EditText et1; EditText et2; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); et1 = (EditText) findViewById(R.id.editText1); et2 = (EditText) findViewById(R.id.editText2); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.activity_main, menu); return true; } public void grabar(View v) { String nomarchivo = et1.getText().toString(); String contenido = et2.getText().toString(); try { File tarjeta = Environment.getExternalStorageDirectory(); File file = new File(tarjeta.getAbsolutePath(), nomarchivo);
OutputStreamWriter osw = new OutputStreamWriter( new FileOutputStream(file)); osw.write(contenido); osw.flush(); osw.close(); Toast.makeText(this, "Los datos fueron grabados correctamente", Toast.LENGTH_SHORT).show(); et1.setText(""); et2.setText(""); } catch (IOException ioe) { } } public void recuperar(View v) { String nomarchivo = et1.getText().toString(); File tarjeta = Environment.getExternalStorageDirectory(); File file = new File(tarjeta.getAbsolutePath(), nomarchivo); try { FileInputStream fIn = new FileInputStream(file); InputStreamReader archivo = new InputStreamReader(fIn); BufferedReader br = new BufferedReader(archivo); String linea = br.readLine(); String todo = ""; while (linea != null) { todo = todo + linea + " "; linea = br.readLine(); } br.close();
Creamos un nuevo objeto de la clase File indicando el camino de la unidad SD y el nombre del archivo a crear:
File file = new File(tarjeta.getAbsolutePath(), nomarchivo);
Por ltimo similar al acceso de un archivo interno creamos un objeto de la clase OutputStreamWriter:
OutputStreamWriter FileOutputStream(file)); osw =new OutputStreamWriter(new
Cerramos el archivo:
osw.flush(); osw.close(); Toast.makeText(this,"Los datos correctamente",Toast.LENGTH_SHORT).show(); et1.setText(""); et2.setText(""); } catch (IOException ioe) { } } fueron grabados
Para la lectura del archivo nuevamente obtenemos la referencia de la tarjeta SD para obtener el path de la unidad de almacenamiento, el resto del algoritmo es similar al visto con un archivo interno:
public void recuperar(View v) { String nomarchivo = et1.getText().toString(); File tarjeta = Environment.getExternalStorageDirectory(); File file = new File(tarjeta.getAbsolutePath(), nomarchivo); try { FileInputStream fIn = new FileInputStream(file); InputStreamReader archivo=new InputStreamReader(fIn);
BufferedReader br=new BufferedReader(archivo); String linea=br.readLine(); String todo=""; while (linea!=null) { todo=todo+linea+"\n"; linea=br.readLine(); } br.close(); archivo.close(); et2.setText(todo); } catch (IOException e) { } }
Confeccionar un programa que permita almacenar los datos de votantes de una eleccin. Crear la tabla votantes y definir los campos dni (documento de identidad), nombre del votante, colegio donde vota y nmero de mesa donde vota. El programa debe permitir:
1 2 3 4 Carga de personas. Consulta por el dni (para saber donde vota) Borrado de personas Modificacin de datos.
Lo primero que haremos es crear una clase que herede de SQLiteOpenHelper. Esta clase nos permite crear la base de datos y actualizar la estructura de tablas y datos iniciales. Debemos implementar el constructor y sobreescribir los mtodos onCreate y onUpgrade.
El mtodo onCreate se le llama cuando la base de datos se crea por primera vez. Aqu es donde se define la estructura de las tablas y se cargan eventualmente los datos iniciales En el mtodo onUpgrade se llama cuando la base de datos debe ser actualizada. Tiene por objetivo eliminar tablas, aadir tablas, o hacer cualquier otra cosa que necesita para actualizarse. En nuestro problema implementaremos una nueva clase llamada AdminSQLiteOpenHelper que herede de la clase SQLiteOpenHelper:
package com.javaya.proyecto015; import android.content.Context; import android.database.sqlite.SQLiteDatabase; import android.database.sqlite.SQLiteDatabase.CursorFact ory; import android.database.sqlite.SQLiteOpenHelper; public class AdminSQLiteOpenHelper extends SQLiteOpenHelper { public AdminSQLiteOpenHelper(Context context, String nombre, CursorFactory factory, int version) { super(context, nombre, factory, version); } @Override public void onCreate(SQLiteDatabase db) { db.execSQL("create table votantes(dni integer primary key, nombre text, colegio text, nromesa integer)"); } @Override public void onUpgrade(SQLiteDatabase db, int versionAnte, int versionNue) { db.execSQL("drop table if exists votantes");
db.execSQL("create table votantes(dni integer primary key, nombre text, colegio text, nromesa integer)"); } }
En el constructor solo llamamos al constructor de la clase padre pasando los datos que llegan en los parmetros:
public AdminSQLiteOpenHelper(Context context, CursorFactory factory, int version) { super(context, nombre, factory, version); } String nombre,
En el mtodo onCreate procedemos a crear la tabla votantes con los cuatro campos respectivos y definiendo el campo dni como primary key:
public void onCreate(SQLiteDatabase db) { db.execSQL("create table votantes(dni integer primary key, nombre text, colegio text, nromesa integer)"); }
En el mtodo onUpgrade procedemos a borrar la tabla votantes y crear nuevamente la tabla (en este caso con la misma estructura pero podra ser otra en un caso ms real:
public versionNue) { void onUpgrade(SQLiteDatabase db, int versionAnte, int db.execSQL("drop table if exists votantes"); db.execSQL("create table votantes(dni integer primary key, nombre text, colegio text, nromesa integer)"); }
Ahora veamos la otra clase que implementar las altas, bajas, modificaciones y consultas:
package com.javaya.proyecto015; import import import import import import import import import android.app.Activity; android.content.ContentValues; android.database.Cursor; android.database.sqlite.SQLiteDatabase; android.os.Bundle; android.view.Menu; android.view.View; android.widget.EditText; android.widget.Toast;
public class MainActivity extends Activity { private EditText et1, et2, et3, et4;
@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); et1 = (EditText) findViewById(R.id.editText1); et2 = (EditText) findViewById(R.id.editText2); et3 = (EditText) findViewById(R.id.editText3); et4 = (EditText) findViewById(R.id.editText4); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.activity_main, menu); return true; } public void alta(View v) { AdminSQLiteOpenHelper admin = new AdminSQLiteOpenHelper(this, "administracion", null, 1); SQLiteDatabase bd = admin.getWritableDatabase(); String dni = et1.getText().toString(); String nombre = et2.getText().toString();
String colegio = et3.getText().toString(); String nromesa = et4.getText().toString(); ContentValues registro = new ContentValues(); registro.put("dni", dni); registro.put("nombre", nombre); registro.put("colegio", colegio); registro.put("nromesa", nromesa); bd.insert("votantes", null, registro); bd.close(); et1.setText(""); et2.setText(""); et3.setText(""); et4.setText(""); Toast.makeText(this, "Se cargaron los datos de la persona", Toast.LENGTH_SHORT).show(); } public void consulta(View v) { AdminSQLiteOpenHelper admin = new AdminSQLiteOpenHelper(this, "administracion", null, 1); SQLiteDatabase bd = admin.getWritableDatabase(); String dni = et1.getText().toString(); Cursor fila = bd.rawQuery( "select nombre,colegio,nromesa from votantes where dni=" + dni, null); if (fila.moveToFirst()) { et2.setText(fila.getString(0)); et3.setText(fila.getString(1)); et4.setText(fila.getString(2)); } else
Toast.makeText(this, "No existe una persona con dicho dni", Toast.LENGTH_SHORT).show(); bd.close(); } public void baja(View v) { AdminSQLiteOpenHelper admin = new AdminSQLiteOpenHelper(this, "administracion", null, 1); SQLiteDatabase bd = admin.getWritableDatabase(); String dni = et1.getText().toString(); int cant = bd.delete("votantes", "dni=" + dni, null); bd.close(); et1.setText(""); et2.setText(""); et3.setText(""); et4.setText(""); if (cant == 1) Toast.makeText(this, "Se borr la persona con dicho documento", Toast.LENGTH_SHORT).show(); else Toast.makeText(this, "No existe una persona con dicho documento", Toast.LENGTH_SHORT).show(); } public void modificacion(View v) { AdminSQLiteOpenHelper admin = new AdminSQLiteOpenHelper(this, "administracion", null, 1); SQLiteDatabase bd = admin.getWritableDatabase();
String dni = et1.getText().toString(); String nombre = et2.getText().toString(); String colegio = et3.getText().toString(); String nromesa = et4.getText().toString(); ContentValues registro = new ContentValues(); registro.put("nombre", nombre); registro.put("colegio", colegio); registro.put("nromesa", nromesa); int cant = bd.update("votantes", registro, "dni=" + dni, null); bd.close(); if (cant == 1) Toast.makeText(this, "se modificaron los datos", Toast.LENGTH_SHORT) .show(); else Toast.makeText(this, "no existe una persona con dicho documento", Toast.LENGTH_SHORT).show(); } }
1 - Alta de datos. Cuando se presiona el botn alta se ejecuta el mtodo "alta" recordemos inicializar la propiedad "OnClick" del botn desde la ventana de visualizacin del archivo XML. Lo primero que hacemos en este mtodo es crear un objeto de la clase que planteamos anteriormente y le pasamos al constructor this (referencia del Activity actual), "administracion" (es el nombre de la base de datos que crearemos en el caso que no exista) luego pasamos null y un uno indicando que es la primer versin de la base de datos (en caso que cambiemos la estructura o agreguemos tablas por ejemplo podemos pasar un dos en lugar de un uno para que se ejecute el mtodo onUpgrade donde indicamos la nuestra estructura de la base de datos) Luego de crear un objeto de la clase AdminSqLiteOpenHelper procedemos a crear un objeto de la clase SQLiteDataBase llamando al mtodo getWritableDatabase (la base de datos se abre en modo lectura y escritura).
Creamos un objeto de la clase ContentValues y mediante el mtodo put inicializamos todos tos campos a cargar. Seguidamente llamamos al mtodo insert de la clase SQLiteDatabase pasando en el primer parmetro el nombre de la tabla, como segundo parmetro un null y por ltimo el objeto de la clase ContentValues ya inicializado (este mtodo es el que provoca que se inserte una nueva fila en la tabla votantes en la base de datos llamada administracion) Borramos seguidamente los EditText y mostramos un mensaje para que conozca el operador que el alta de datos se efectu en forma correcta:
public void alta(View v) { AdminSQLiteOpenHelper admin=new AdminSQLiteOpenHelper(this, "administracion", null, 1); SQLiteDatabase bd=admin.getWritableDatabase(); String dni=et1.getText().toString(); String nombre=et2.getText().toString(); String colegio=et3.getText().toString(); String nromesa=et4.getText().toString(); ContentValues registro=new ContentValues(); registro.put("dni",dni ); registro.put("nombre",nombre ); registro.put("colegio",colegio ); registro.put("nromesa",nromesa ); bd.insert("votantes", null, registro); bd.close(); et1.setText(""); et2.setText(""); et3.setText(""); et4.setText(""); Toast.makeText(this, "Se cargaron los datos de la persona", Toast.LENGTH_SHORT).show(); }
2 - Consulta de datos. Cuando se presiona el botn "Consulta por DNI" se ejecuta el mtodo consulta:
public void consulta(View v) { AdminSQLiteOpenHelper admin=new AdminSQLiteOpenHelper(this, "administracion", null, 1); SQLiteDatabase bd=admin.getWritableDatabase(); String dni=et1.getText().toString(); Cursor fila=bd.rawQuery("select nombre,colegio,nromesa from votantes where dni="+dni+"",null); if (fila.moveToFirst()) { et2.setText(fila.getString(0)); et3.setText(fila.getString(1)); et4.setText(fila.getString(2)); } else Toast.makeText(this, "No existe una persona con dicho dni", Toast.LENGTH_SHORT).show(); bd.close(); }
En el mtodo consulta lo primero que hacemos es crear un objeto de la clase AdminSQLiteOpenHelper y obtener una referencia de la base de datos llamando al mtodo getWritableDatabase. Seguidamente definimos una variable de la clase Cursor y la inicializamos con el valor devuelto por el mtodo llamado rawQuery. La clase Cursos almacena en este caso una fila o cero filas (una en caso que hayamos ingresado un dni existente en la tabla votantes), llamamos al mtodo moveToFirst() de la clase Cursos y retorna true en caso de existir una persona con el dni ingresado, en caso contrario retorna cero. Para recuperar los datos propiamente dichos que queremos consultar llamamos al mtodo getString y le pasamos la posicin del campo a recuperar (comienza a numerarse en cero, en este ejemplo la columna cero representa el campo nombre, la columna 1 representa el campo colegio y la columna 2 representa el campo nromesa) 3 - Baja o borrado de datos. Para borrar uno o ms registros la clase SQLiteDatabase tiene un mtodo que le pasamos en el primer parmetro el nombre de la tabla y en el segundo la condicin que debe cumplirse para que se borre la fila de la tabla. El mtodo delete retorna un entero que indica la cantidad de registros borrados:
public void baja(View v) { AdminSQLiteOpenHelper admin=new AdminSQLiteOpenHelper(this, "administracion", null, 1); SQLiteDatabase bd=admin.getWritableDatabase(); String dni=et1.getText().toString(); int cant=bd.delete("votantes", "dni="+dni+"",null); bd.close(); et1.setText(""); et2.setText(""); et3.setText(""); et4.setText(""); if (cant==1) Toast.makeText(this, "Se borr la persona con dicho documento", Toast.LENGTH_SHORT).show(); else Toast.makeText(this, "No existe una persona con dicho documento", Toast.LENGTH_SHORT).show(); }
4 - Modificacin de datos. En la modificacin de datos debemos crear un objeto de la clase ContentValues y mediante el mtodo put almacenar los valores para cada campo que ser modificado. Luego se llama al mtodo update de la clase SQLiteDatabase pasando el nombre de la tabla, el objeto de la clase ContentValues y la condicin del where (el cuanto parmetro en este ejemplo no se lo emplea)
public void modificacion(View v) { AdminSQLiteOpenHelper admin=new AdminSQLiteOpenHelper(this, "administracion", null, 1); SQLiteDatabase bd=admin.getWritableDatabase(); String dni=et1.getText().toString(); String nombre=et2.getText().toString();
String colegio=et3.getText().toString(); String nromesa=et4.getText().toString(); ContentValues registro=new ContentValues(); registro.put("nombre",nombre); registro.put("colegio",colegio); registro.put("nromesa",nromesa); int cant = bd.update("votantes", registro, "dni="+dni, null); bd.close(); if (cant==1) Toast.makeText(this, "se modificaron los datos", Toast.LENGTH_SHORT).show(); else Toast.makeText(this, "no existe una persona con dicho documento", Toast.LENGTH_SHORT).show(); }
Ya
podemos
probar
nuestra
aplicacin:
16 - Layout (LinearLayout)
Android organiza las componentes visuales (Button, EditText, TextView etc.) en pantalla mediante contenedores llamados Layout.
Hasta ahora no nos a preocupada como organizar una pantalla, sino nos hemos centrado en la funcionalidad de cada programa que implementamos. Ahora comenzaremos a preocuparnos como organizar y disponer las componentes dentro de la pantalla. - LinearLayout. LinearLayout es uno de los diseos ms simples y ms empleado. Simplemente establece los componentes visuales uno junto al otro, ya sea horizontal o verticalmente. Creemos un proyecto llamado ProyectoLayout1, borremos el TextView que agrega por defecto el ADT. Para cambiar nuestro layout por defecto que es el RelativeLayout que crea el ADT debemos presionar el botn derecho del mouse en la ventana Outline donde dice RelativeLayout y seleccionar Change Layout (Debemos seleccionar en el dilogo que lo queremos cambiar por un layout de tipo LinearLayout vertical):
Una de las propiedades ms importantes del contenedor LinearLayout es Orientation. Si fijamos la propiedad Orientation con el valor Vertical luego las componentes contenidas en el Layout se disponen una debajo de otra (Cuando disponemos un contenedor LinearLayout con orientacin vertical y disponemos una serie de botones luego podemos ver algo similar a:
En cambio si fijamos la propiedad Orientation con el valor Horizontal el resultado es la disposicin de las componentes en forma horizontal:
Podemos disponer ms de una componente de tipo LinearLayout para implementar nuestra interfaz visual. Veamos los objetos y propiedades a configurar si queremos la siguiente interfaz:
Para implementar este interfaz hemos agregado de la pestaa "Layouts" dos controles de tipo "LinearLayout (Vertical)" en la parte superior y uno de tipo "LinearLayout (Horizontal)" en la parte inferior:
Disponemos un TextView y un EditText en el LinearLayout superior (Podemos arrastrarlos directamente a la ventana Outline dentro del LinearLayout respectivo):
Para que el segundo LinearLayout quede en la parte inferior de la pantalla inicializamos las propiedades "Layout_weight" con 1 para el superior y con 0 para el inferior:
Seleccionamos el EditText del primer LinearLayout y fijamos Layout Height con el valor Match Parent (para que ocupe todo el espacio del contenedor) y para la propiedad gravity asignamos el valor top
Finalmente actualizamos el segundo EditText con lo que tenemos como resultado la interfaz:
Propiedad Gravity. Otra propiedad muy utilizada es Gravity. Esta propiedad nos permite alinear a la izquierda, a la derecha, a la parte superior, a la parte superior derecha etc. Para implementar la siguiente interfaz:
Para el LinearLayout superior definimos la propiedad Layout_weight con valor 0 y el segundo LinearLayout la misma propiedad Layout_weight con valor 1. Los dos botones que ubicamos en el segundo LinearLayout aparecen en la parte inferior derecha ya que inicializamos la propiedad Gravity del segundo LinearLayout con los valores: