Hello Android (Creado de varias maneras) Parte I

Esta vez comenzaremos con un pequeño ejemplo en Android, crearemos una App que muestre el mensaje HolaMundo de maneras distintas.
Como ustedes ya saben al crear un proyecto Android, por default se crea un HelloWorld que es lo mismo un HolaMundo.El siguiente trozo de código pertenece a la clase que se crea al iniciar un nuevo proyecto Android.

HolaMundo.java
package com.hello.world;
import android.app.Activity;
import android.os.Bundle;
public class HolaMundo extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
}
}



Lo que esta clase realiza es que manda llamar lo que hay en el archivo main.xml
Archivo main.xml
xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"
/>
En este código xml lo que se realiza es crear por así llamarlo un contenedor (LinearLayout) el cual tendrá una orientación vertical, su ancho y altura ocuparan el máximo que ofrece la pantalla o el contenedor. Dentro de este contenedor se crea un label como comúnmente se conoce en los lenguajes como Java o .NET, en este caso se le llama TextView el cual tendrá las siguientes propiedades, al ancho del TextView será el máximo que ofrece el LinearLayout y la altura será el mínimo que se podrá asignar de acuerdo al tamaño de la letra por así decirlo. En la última línea de este TextView se llama al valor de la variable hello de tipo string.

Ejecutamos nuestro proyecto y tenemos nuestro HolaMundo.
Como mencione anteriormente enseñare como mostrar el mensaje HolaMundo de varias maneras. Esta es otra, modificando el archivo main.xml, modificaremos la ultima linea en el TextView, cambiaremos su valor por una cadena de texto.
xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Hello World! Hola Mundo"
/>
LinearLayout>
A continuación mostrare otra forma de mostrar el mensaje, pero esta vez mostrado en una ventana emergente, esta última manera es poco más complicada porque será necesario modificar los tres archivos principales (HolaMundo.java, main.xml y strings.xml), haremos esto para agregar un botón el cual hará la función de mostrar el mensaje cada vez que se presione. A continuación muestro la clase HolaMundo, la cual modificare para mostrar algo sencillo y explicar las dos líneas de código que agregare.
package com.hello.world;
import android.app.Activity;
import android.os.Bundle;
import android.widget.Toast;
public class HolaMundo extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
Toast msj = Toast.makeText(getApplicationContext(),"Hello World! Hola Mundo", Toast.LENGTH_LONG);
msj.show();
}
}
El código anterior lo que hace es mostrar un mensaje con un mensaje el cual dependiendo de la propiedad que se le asigne, esto lo explicare más adelante. Esta clase la modificamos borrando la última línea setContentView(R.layout.main); la cual llama al contenido del archivo main.xml, hicimos esto porque en esta ocasión no será será necesario llamar a este archivo porque aquí pondremos el método para mostrar el mensaje. Como se pudieron dar cuanta agregue las siguientes líneas de código:
Toast msj = Toast.makeText(getApplicationContext(),"Hello World! Hola Mundo", Toast.LENGTH_LONG);
msj.show();
Este método Toast lo que hace es mostrar una alerta o mensaje, la sintaxis es la siguiente:
Toast nombredeltoast = Toast.makeText(Contexto,"Mensaje", Duración);
nombredeltoast.show();
Solo hay que importar la librería import android.widget.Toast; o simplemente presionar Ctrl + Shift + O esto para que la librería se agregue al presionar esa combinación de teclas.
Ejecutando nuestro proyecto se mostrara esto:



Comentarios

Entradas populares de este blog

Instalando TypeScript paso a paso

Primeros pasos en Laravel