04. OnClickListener, añadiendo escucha a los botones.

En este ejemplo os muestro el codigo basico para que se ejecute la accion que indiquemos cuando se presiona un boton, para ello creamos una activity con 1 TextView y 2 Buttons, a los botones les indicamos que esten pendientes si se hace click en ellos con "setOnClickListener" y en el codigo de "onClick" detectaremos que boton se ha pulsado mediante "getId" para ejecutar un codigo u otro dependiendo de que boton se pulso, para ello nos ayudamos del condicional "switch".

El codigo java seria asi:

public class MainActivity extends Activity implements View.OnClickListener {
    TextView tv;    Button btn1, btn2;    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        tv=(TextView)findViewById(R.id.tv);        btn1=(Button)findViewById(R.id.btn1);        btn2=(Button)findViewById(R.id.btn2);        btn1.setOnClickListener(this);        btn2.setOnClickListener(this);    }


    @Override
    public void onClick(View view) {
        switch (view.getId()){
            case R.id.btn1:
                tv.setText("Has pulsado el boton uno");                break;            case R.id.btn2:
                tv.setText("Has pulsado el boton dos");                break;        }
    }
}

El codigo xml de la actividad seria asi:

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:id="@+id/activity_main"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context="ticoticotaa.es.ejemploonclcklistener.MainActivity">
    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="Pulsa un boton"        android:id="@+id/tv" />
    <Button        android:text="Boton 1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_below="@+id/tv"        android:layout_toEndOf="@+id/tv"        android:layout_marginStart="14dp"        android:layout_marginTop="34dp"        android:id="@+id/btn1" />
    <Button        android:text="Boton 2"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_below="@+id/button3"        android:layout_alignEnd="@+id/button3"        android:layout_marginTop="72dp"        android:id="@+id/btn2" />

</RelativeLayout>

02. Aplicacion dibujo para android con AppInventor

En los dos videos se explica como realizar una aplicacion sencilla de dibujo para Android, utilizando AppInventor.
En el primer video se muestra como realizar la parte visual de la aplicacion.

En el segundo vemos el codigo para desarrollarla.

En este ejemplo, usamos botones, un deslizador y el canvas o lienzo que es donde dibujaremos.
Dentro de los bloques de codigo utilizaremos el "click" para los botones, donde al detectar que boton pulsamos ejecutaremos el codigo correspondiente, como cambiar el color de la pintura.

01. Introduccion AppInventor

Con AppInventor podremos crear facilmente aplicaciones para nuestro movil y publicarlas si queremos en GooglePlay.
Para comenzar con AppInventor tendreis que entrar en su WebAppInventor, desde este otro enlace debeis instalar el software en el movil para que este se pueda conectar por wifi al pc y mostrar la aplicacion que estemos realizando, para probarla en el dispositivo movil.
Despues entraremos con una cuenta Gmail en la web AppInventor para empezar a crear nuestra aplicacion.
En este ejemplo he insertado un TextBox, un Label y un Button, junto con un Lector de texto que no se muestra en la pantalla de la aplicacion pero nos sirve para leer el texto que le indiquemos.

 Una vez que tenemos la parte visual de la aplicacion, pasamos a la parte de codigo en si, donde en este caso vamos a indicar que al pulsar el boton, unamos el texto "Hola" junto con lo que escribamos en el TextBox, para tomar luego esta cadena y hacer que el movil nos la lea, es una sencilla aplicacion para introducirnos en AppInventor.

 

Os dejo un enlace al video donde muestro como realizar este ejemplo, esperando os sea util.

03. TextView y Button

En este ejemplo explico como enlazar el codigo con las vistas xml de android, empezaremos por ver como cambiar el texto de un TextView desde el codigo Java, esta accion la realizaremos al pulsar el boton.
Para comenzar, seleccionamos Nuevo Proyecto en AndroidStudio.
Despues elegimos la API minima en la que se ejecutara nuestra aplicacion.
Despues seleccionamos una activity vacia.

Activity pantalla que vemos en el terminal, en este caso la ponemos vacia para introducir nosotros su contenido.

Despues pasamos al paso donde ponemos nombre a la actividad principal, en este caso dejamos el que esta por defecto, tanto en el archivo XML como en el archivo JAVA que llamara a la actividad para que se visualice en pantalla.

Procedemos a finalizar y a esperar que se abra el proyecto.

En la parte izquierda nos aparece el explorador de archivos del proyecto que acabamos de crear, destacando la carpeta java donde aparece el archivo MainActivity que es donde introduciremos el codigo java para conseguir el objetivo planteado.

Mas abajo en res/layout aparece el archivo activity_main.xml que es el archivo que indica la parte visual de la aplicacion.

Como veis en android se separa el codigo de la parte visual, al igual que en otros lenguajes.

El codigo xml de la actividad principal es:

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

<LinearLayout xmlns:android="http://schemas.android.

com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    android:background="#FF00FF"

    tools:context="ticoticotaa.es.tutorialtextview

button.MainActivity">

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="@string/texto"

        android:id="@+id/txtView"

        android:textSize="32sp"       

        android:layout_gravity="center_horizontal" />

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content" 

        android:text="@string/boton"

        android:id="@+id/btn"

        android:textSize="24sp"

        android:layout_gravity="center_horizontal" />

</LinearLayout>

En el que asignamos los nombres identificadores (ID) para llamarlos y manejarlos desde codigo java, asignamos tambien el texto que mostraran enlazado al archivo xml (string) desde el cual se manejan todos los nombres que queremos mostrar en la aplicacion, esto hace mas facil traducir la aplicacion para que se muestre en distintos lenguajes, como veremos mas adelante.

En este codigo los tamaños los he puesto con respecto al contenido (wrap_content), se pueden poner en pixeles y en otras medidas como en dp (para vistas) o sp (para textos) estos son escalables segun densidad de pantalla.

Tanto el boton como el texto estan centrados en pantalla y al LinearLayout que los contiene le he puesto un color de fondo por destacarlo.

El codigo del string.xml es:

<resources>

    <string name="app_name">tutorialTextViewButton

</string>

    <string name="texto">Texto a cambiar</string>

    <string name="boton">Cambiar texto</string>

</resources>

La actividad principal queda de la siguiente manera:

Ahora pasamos al codigo java, en el que indicaremos mediante codigo que al pulsar el boton se cambie el texto, e indique cuantas veces se ha pulsado el boton.

El codigo java es:

package ticoticotaa.es.tutorialtextviewbutton;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

import android.widget.TextView;

import android.widget.Toast;

public class MainActivity extends AppCompatActivity 

implements View.OnClickListener {

    int vecesPulsado=0;

    Button boton;

    TextView txtView;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        boton=(Button)findViewById(R.id.btn);

        txtView=(TextView)findViewById(R.id.txtView);

        boton.setOnClickListener(this);

    }

    public void  onClick(View v){

        vecesPulsado++;

        txtView.setText("Has Pulsado el boton "

+vecesPulsado+" veces");

    }

}

Primero preparamos las variables antes del metodo onCreate.

Dentro del metodo onCreate se prepara la activity que se mostrara al usuario.

Despues de mostrarle la pantalla mediante el archivo xml que creamos anteriormente, procedemos a enlazar el textView y el boton con el codigo java, para lo cual asignamos a las variables el id buscado del texto y el boton.

Al boton le asignamos una escucha para detectar si se pulsa, mediante onClickListener, el (this) se refiere a la activity actual, el contexto, que se manda al metodo onClick, que es el que ejecuta el codigo al pulsar el boton.

Cuando se pulsa el boton incrementamos el contador (vecesPulsado) para detectar que se ha vuelto a pulsar y despues ponemos un texto en el textView.

Al terminar nuestra aplicacion podemos pulsar el boton de ejecutar y podremos probarla en un emulador o en nuestro movil si esta conectado al pc, como vemos en la imagen siguiente.

Tambien podemos generar el archivo APK, desde el menu Build para instalarlo en dispositivos android o publicarlo en GooglePlay.

Pongo aqui el video explicativo.

Si teneis alguna duda podeis contactar conmigo y os atendere a la mayor brevedad.

Espero sea util. Gracias.

02. Generar archivo APK

En este video muestro como generar el archivo APK firmado para poder ejecutar nuestra aplicacion en cualquier dispositivo android.
El archivo APK se puede subir a la tienda PlayStore de Google, tambien podemos meterlo en cualquier dispositivo android directamente y ejecutarlo para que se instale.
Espero sea util, gracias.

01. Toma de Contacto

En este video se realiza una introduccion al Ide Android Studio.
Espero sea util, gracias,

Tres en Raya App

Publicado juego de tres en raya con nivel de dificultad bajo y opcion de uno o dos jugadores, ideal para que los pequeños se adentren en este tipo de juegos.
Podeis descargar el juego aqui.



Espero os guste. Gracias.

Cuenta Monedas App

Para los mas pequeños de la casa he creado la aplicacion Cuenta Monedas para Android. En esta APP, el sistema nos pide que le marquemos una cantidad con las monedas que dispone en la pantalla, nos marcara aciertos y errores.
Viene bien para que los pequeños practiquen con las monedas y empiecen a entender su valor.
Podeis descargar la aplicacion AQUI.
Espero os sea util. Gracias.