Aplicación Android de ejemplo 1

Posted on 18 of febrero, 2016 by admin in Android

Esta es una aplicación de Android de ejemplo que estaremos desarrollando para dar continuidad a los tutoriales de la sesión de Android en jprograming. Estaremos desarrollando un app básica con dos activitys. La primera captura un mensaje y la segunda mostrara un resultado.
En una explicación básica de las acitvity, las activity son todas las pantallas que tendrá la aplicación y estas están compuestas de dos partes la parte lógica, la parte gráfica.
La parte lógica es la que contiene todo nuestro código java. Y la parte grafica contiene el XML en el cual describimos todos los objetos que contendrá la activity.
Aquí un ejemplo de la parte lógica:


package jprograming.com.examples;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

}
}


Esta es la parte grafica del XML:

<?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:orientation=“vertical”
android:layout_width=“fill_parent”
android:layout_height=“fill_parent”
tools:context=“jprograming.com.examples.MainActivity”>

</LinearLayout>

Lo primero que aremos para empezar es crear nuestra parte grafica la cual contar con los siguientes controles: TextView, EditText, Button.

Modificamos nuestro archivo XML y adicionamos lo siguiente:

<?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:orientation=“vertical”
android:layout_width=“fill_parent”
android:layout_height=“fill_parent”
tools:context=“jprograming.com.examples.MainActivity”>

<TextView
android:id=“@+id/TxtTitle”
android:layout_width=“fill_parent”
android:layout_height=“wrap_content”
android:text=“@string/title”/>

<EditText
android:id=“@+id/TxtNombre”
android:hint=“@string/nombre”
android:layout_width=“fill_parent”
android:layout_height=“wrap_content” />

<Button
android:id=“@+id/BtnHola”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:text=“@string/hola”/>

</LinearLayout>

Ahora creamos la activity que recibirá la información enviada desde la activity principal. La segunda activity contendrá los siguientes controles:

<?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:orientation=“vertical”
android:layout_width=“match_parent”
android:layout_height=“match_parent”
tools:context=“jprograming.com.examples.MensajeActivity”>

<TextView
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:text=“$message”
android:id=“@+id/TxtMensaje”/>

</LinearLayout>

package jprograming.com.examples;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.TextView;

public class MensajeActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_mensaje);

}
}

Luego de terminar con el diseño vamos a la parte lógica y agregamos el siguiente código:

package jprograming.com.examples;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

public class MainActivity extends AppCompatActivity {

private EditText txtNombre;
private Button btnHola;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

txtNombre = (EditText)findViewById(R.id.TxtNombre);
btnHola = (Button)findViewById(R.id.BtnHola);

btnHola.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent = new Intent(MainActivity.this,  MensajeActivity.class);
Bundle bundle = new Bundle();
bundle.putString(“NOMBRE”,txtNombre.getText().toString());
intent.putExtras(bundle);

startActivity(intent);

}
});

}
}

package jprograming.com.examples;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.TextView;

public class MensajeActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_mensaje);

TextView txtMesaje =(TextView)findViewById(R.id.TxtMensaje);

Bundle bundle = getIntent().getExtras();

txtMesaje.setText(“Hola” + bundle.getString(“NOMBRE”));

}
}

Al final tendremos lo siguiente:

Articulo17 Articulo17b