APLICACIÓN NO. 1: BOTÓN CONTADOR

BOTÓN CONTADOR

1.    Crear nueva aplicación.

2.    Añadir un botón al layout. Insertar el objeto Button al layout.

3.    Seleccionar el botón y enseguida se habilita la ventana de propiedades (Properties).

Properies: Id   @+id/button1 (button1 podemos ponerle cualquier otro nombre).

4.    Dar clic en carpeta src\com.BOTON_CONTADOR_LRVbotoncontador\MainActivity.java y agregar el siguiente código después de:

@Override

             protected void onCreate(Bundle savedInstanceState) {

             super.onCreate(savedInstanceState);

      setContentView(R.layout.activity_main);

AQUÍ SE AGREGA CÓDIGO…OK

//CÓDIGO PARA DEFINIR BOTÓN

             Button bt = (Button) findViewById(R.id.button1);

Importar el botón, dar clic en Import ‘Button’ (android.widget) y observamos que se anexa librería.

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.widget.Button;

              

5.    Seleccionar y posicionarse en findViewById y dar clic en Add cast to ‘Button’

Observamos que el código cambia a:

Button bt = (Button) findViewById(R.id.button1);

6.    Ahora habrá que agregarle funcionalidad al botón, agregar el siguiente código:

bt.setOnClickListener(new << oprimir Ctrl + barra espaciadora seleccionar el método: OnClickListener()   >>) y se agrega más código.

Button bt = (Button) findViewById(R.id.button1);

             bt.setOnClickListener(new OnClickListener() {

                   

                    @Override

                    public void onClick(View v) {

                           // TODO Auto-generated method stub      Código Agregado

                                                                     Automáticamente

                    }

       Enseguida importamos un método rápido seleccionando:  OnClickListener()

      Seleccionar método: Import ‘OnClickListener’ (android.view.View)

7.    Incluir el código para la funcionalidad del botón: Irse a: main_activity.xml

8.    Seleccionar el TextView, irse a barra de propiedades, localizar Id y agregar lo siguiente: @+id/texto……texto puede ser cualquier otro nombre. Dar <enter> y guardar.

9.    Nos vamos a agregar el siguiente código después de:

NOTA:  EL CÓDIGO QUE SE VISUALIZA SUBRAYADO ES EL QUE SE VA A AGREGAR.

@Override

             protected void onCreate(Bundle savedInstanceState) {

             super.onCreate(savedInstanceState);

      setContentView(R.layout.activity_main);

//CÓDIGO PARA DEFINIR BOTÓN……………… YA SE AGREGÓ ANTERIORMENTE

        Button bt = (Button) findViewById(R.id.button1);

       // FUNCIONALIDAD BOTÓN……. YA SE AGREGÓ ANTERIORMENTE

        bt.setOnClickListener(new OnClickListener() {

                   

//VISUALIZAR TEXTO………… AGREGAR ESTE CÓDIGO

        TextView tv = (TextView)findViewById(R.id.texto);

            

       //DECLARAR CONTADOR……….. AGREGAR ESTE CÓDIGO

             int contador = 0;

                   

             @Override

                    public void onClick(View v) {

                           // TODO Auto-generated method stub

                           contador++;………………………………………….AGREGAR ESTE CÓDIGO

                           // MODIFICAR TEXTO DEL TEXTVIEW

                           tv.setText("Contador: " +contador);………….. AGREGAR CÓDIGO

                          

10.  Guardamos y Borramos el resto del código y lo ejecutamos. Checar código completo.

CÓDIGO COMPLETO DE LA APLICACIÓN: BOTÓN CONTADOR

package com.BOTON_CONTADOR_LRV.botoncontador;

import android.os.Bundle;

import android.app.Activity;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.TextView;

public class MainActivity extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

       

        //CÓDIGO PARA DEFINIR BOTÓN

        Button bt = (Button) findViewById(R.id.button1);

      

        // FUNCIONALIDAD BOTÓN

        bt.setOnClickListener(new OnClickListener() {

            

             //VISUALIZAR TEXTO

             TextView tv = (TextView)findViewById(R.id.texto);

            

             //DECLARAR CONTADOR

             int contador = 0;

                   

             @Override

                    public void onClick(View v) {

                           // TODO Auto-generated method stub

                           contador++;

                          

                           // MODIFICAR TEXTO DEL TEXTVIEW

                           tv.setText("Contador: " +contador);

                          

                                                                  

                    }

             });

       

       

    }

}