Android tutorial de un proyecto
Problema:
Construir un programa que contenga 5 ImageView con cada vocal (a, e, i, o, u), y otro ImageView para mostrar la imagen de la vocal o de una figura que comience su escritura con la vocal oprimida. además el programa debe contener:
Un Botón «Vocal/Figura» que al ser presionado muestre en un TextView el estado en el cual se encuentra el programa, Si el estado esVocal; al hacer clic sobre las vocales muestre una vocal y reproduzca el sonido de la vocal, o si el estado es Figura; muestre una figura que comience su escritura con la vocal oprimida y reproduzca el sonido del nombre de la figura.
Un Botón «Acerca de» que al ser presionado muestre otra ventana (Activity) mostrando un TextView con el nombre del programador de la aplicación y un botón para cerrarla ventana o actividad.
Crear un proyecto en Eclipse de tipo "Android Project" y definir como nombre: proyectoVocales y localizarlo en el paquete com.example.proyectovocales
Solución:
1. Primero creamos un nuevo proyecto y en la ventana principal creamos la siguiente interfaz:
2. Luego copiamos los recursos de imagen y sonido en el proyecto así:
Para las imágenes: copiamos losarchivos de imágenes de las vocales y figuras en la carpeta del proyecto: res\drawable-mdpi
Para que se actualice el proyecto presionamos el botón derecho del mouse sobre esta carpeta y seleccionamos la opción "Refresh"
Luego se cambia las 5 imágenes de los ImagenView por la imagen de las respectivas vocales.
Para los sonidos: en la carpeta: ¨res¨ , creamos una carpeta con el nombre ¨raw¨ enla cual copiamos los archivos de sonido de las vocales y figuras.
Para que se actualice el proyecto presionamos el botón derecho del mouse sobre esta carpeta y seleccionamos la opción "Refresh"
El código fuente de la clase MaintActivity es:
package com.example.proyectovocales;
import android.app.Activity;
import android.content.Intent;
import android.media.MediaPlayer;
importandroid.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.widget.Button;
import android.widget.ImageButton;
import android.widget.ImageView;
import android.widget.TextView;
public class MainActivity extends Activity {
Button bt1,bt2;
TextView tv1;
ImageButton ib1;
int ban=1;
@Override
protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
tv1 = (TextView)this.findViewById(R.id. textView1);
bt1 = (Button)this.findViewById(R.id.button1);
bt2 = (Button)this.findViewById(R.id. button2);
ib1 = (ImageButton)this.findViewById(R.id. imageButton1);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to theaction bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
public void lanzar (View v) {
Intent i = new Intent(this, AcercaDe.class );
startActivity(i);
}
public void ejecutar (View v){
if(ban==0){textView1.setText("Estado: Vocal ");
ban = 1;}
else { textView1.setText("Estado:Figura ");
ban = 0;}
}
public void a(View v){
MediaPlayer mp1= MediaPlayer.create(this, R.raw.a);
MediaPlayer mp2= MediaPlayer.create(this, R.raw.arbol);
if(ban==1){ ib1.setImageResource(R.drawable.a); mp1.start();}
else{ ib1.setImageResource(R.drawable.arbol); mp2.start();}
}
public void e(View v){
MediaPlayer mp1 =MediaPlayer.create(this, R.raw.e);
MediaPlayer mp2= MediaPlayer.create(this, R.raw.estrella);
if(ban==1){ib1.setImageResource(R.drawable.e); mp1.start();}
else{ib1.setImageResource(R.drawable.estrella); mp2.start();}
}
public void i(View v){
MediaPlayer mp1 = MediaPlayer.create(this, R.raw.i);
MediaPlayer mp2 = MediaPlayer.create(this, R.raw.iglesia);...
Regístrate para leer el documento completo.