Como programar en Android sin morir en el intento – Parte II

CONCATENACIÓN DE TEXTOS

Hola a todos los que esten siguiendo estos papers. Como vimos la vez pasada, creamos un simple hola mundo y aprendimos a verlo en el emulador.
Ahora veremos como interactuar un poco más con el emulador y sus componentes. Para ello haremos el ejercicio de ingresar dos textos y tras pulsar un botón, mostraremos ambos textos concatenados en un TextView.

Como ya hemos visto, tenemos el archivo *.XML con toda la vista de nuestro proyecto. Esta vista está dividida en la parte de diseño y en la parte de texto. Por ahora solo nos centraremos en el Diseño.

En la vista de diseño colocaremos los siguientes componentes:

– 3 TextView
– 2 Plain Text
– 1 Button

Tal y como muestro en la siguiente imagen:

En el primer TextView le colocaremos el nombre «Texto 1»
Al primer Plain Text lo dejaremos vacío y en las propiedades cambiaremos el ID por «tv1»
Luego colocaremos el segundo TextView y le colocaremos el nombre «Texto 2»
Seguido a este el otro Plain Text vacío con el ID «tv2»
Luego colocaremos el botón, al cual le pondremos el ID «bt1»
Finalmente el tercer TextView que irá vacío, ya que este mostrará el texto concatenado y le pondremos el ID «tv3»

Para que se ubiquen un poco mejor, las propiedades se cambian desde el panel que aparecera a la derecha al clickear un elemento.

Ahora veremos un poco el código .java de nuestro proyecto, que será el que lleve toda la lógica de la concatenación.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
    package org.underc0de.holamundo;

     

    import android.support.v7.app.AppCompatActivity;

    import android.os.Bundle;

    import android.view.View;

    import android.widget.EditText;

    import android.widget.TextView;

     

    public class HolaMundo extends AppCompatActivity {

     

        EditText et1,et2;

        TextView tv3;

     

     

        @Override

        protected void onCreate(Bundle savedInstanceState) {

            super.onCreate(savedInstanceState);

            setContentView(R.layout.underc0de);

     

            et1 = (EditText) findViewById(R.id.tv1);

            et2 = (EditText) findViewById(R.id.tv2);

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

     

        }

     

        public void ejecutar(View v){

            tv3.setText(et1.getText().toString()+" "+et2.getText().toString());

        }

     

    }

El código básicamente lo que hace es tomar el texto del primer Plain Text (EditText) y juntarlo con el segundo. Todo esto al clickear el botón Mostrar.

Si corremos la aplicación, veremos lo siguiente:

Simplemente queda probarla, para ello colocamos texto en el campo 1 y en el dos y clickeamos el botón mostrar

Como se puede ver, en el último TextView nos muestra el resultado de ambas palabras concatenadas.

Espero que les sea de utilidad.