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

Iniciado por ANTRAX, Mayo 30, 2017, 08:29:36 PM

Tema anterior - Siguiente tema

0 Miembros y 1 Visitante están viendo este tema.




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.


Código: java
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.

Saludos,
ANTRAX


Gracias @No tienes permitido ver los links. Registrarse o Entrar a mi cuenta por este y el anterior aporte, ya es hora de involucrarme en el desarrollo de app.

Gracias por leer!
DUDA

Abril 23, 2018, 08:04:37 PM #2 Ultima modificación: Abril 26, 2018, 11:58:27 PM por djsant
Grande ANTRAX ! Sabes de algun tuto que este bueno como para seguir con esto ? Saludos

EDIT: Discula ANTRAX, pero te hago una consulta en tu ejemplo en ningun momento vinculas el click del boton con la funcion esa que hiciste... no se si te falto algo o asi solo funciona?.