Curso CeMIT - Práctica Inicial

Como primera práctica vamos a crear una sencilla aplicación que mostrará un botón que al pulsarlo cambiará de color.


1. Abrimos el Eclipse y pulsamos "File > New > Android Application Proyect" o pulsando la combinación de teclas "Ctrl+N" y seleccionando "Android Application Proyect".

2. Únicamente escogeremos un nombre para el campo "Application Name", los otros dos los dejamos por defecto. En la casilla "Compile With" escogeremos la "API 19: Android Kit Kat" y por último pulsamos "Finish".

3. En este momento ya tenemos creada la aplicación, pero esta está vacía, vamos a añadirle un botón para darle un poco de funcionalidad. Para ello nos vamos al archivo "fragment_main.xml" ubicado en "res > layout", lo abrimos y arrastramos un objeto "Button" hasta la pantalla y soltamos.

4. Vamos a probar como se ve la aplicación en el emulador, para ello nos dirigimos a "Window > Android Virtual Device Manager", y seleccionamos el emulador que previamente hemos creado y pulsamos "Start".

5. Tras esperar a que cargue (esto pueden ser unos minutos), pulsamos el botón Play del eclipse y tras unos segundos podremos ver la aplicación funcionando en el emulador.

Está bien pero... ¿Y si añadimos una función a ese botón?
6. Para ello nos dirigiremos al directorio "src" y abrimos el archivo "MainActivity.java" que se encuentra dentro del paquete "com.example...".

7. Sustituimos desde "public class MainActivity extends..." el final por éste código:


public class MainActivity extends ActionBarActivity {
    Context micontexto;
    Button btn;
    TextView txt;
   
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
       
        micontexto = this;
        txt = (TextView)findViewById(R.id.textView1);
        btn = (Button)findViewById(R.id.button1);
       
        btn.setOnClickListener(new OnClickListener() {
           
            @Override
            public void onClick(View v) {
                txt.setText("Cambio!");
            }
        });
       
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}


8. Por último pulsamos "Ctrl + shift Izq + O" y aceptamos.
9. Pulsamos Play para probar la app. 


No hay comentarios:

Publicar un comentario