Tag Archive for tutorial

Tutorial android 6: Actividades/Pantallas para la interfaz de una aplicacion Android

Actividades en android

Realmente para los usuarios comunes las actividades se perciben como las “pantallas” de una aplicación Mobil, ya sea para Android o cualquier otra plataforma.

Para nosotros crear actividades o diferentes pantallas que el usuario vera en la interfaz de nuestra aplicación debemos realizar ciertos pasos.

 

  1. Lo primero que tenemos que hacer es declarar nuestra actividad en el archivo Manifest.xml , si no se declara aquí la aplicación obtendra un error al momento de intentar abrir dicha activdad que no fue declarada aqui.
  2. Debemos crear una Clase que extienda a la superclase Activity, de manera que así se especificara como Actividad, y en el constructor de la misma se especificara el origen del contenido de dicha actividad.
  3. EL contenido de la actividad puede provenir de un Layout(archivo xml), por lo que puede ser necesario crear un archivo de layout de xml y colocarlo como el origen de de contenido.
Hacer esto es muy sencillo y podemos verlo en el siguiente video.
Despues de ver el video puedes tomar el codigo utilizado en el mismo en el cual se tiene codigo para un ejemplo en el que se declara un boton en la actividad principal, y al darle click accederemos a una segunda actividad. Espero que este tutorial se de ayuda.

 

Video tutorial:

Codigo del ejemplo utilizado en el video tutorial:

Codigo de la actividad principal:

 

package com.actividades;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View.OnClickListener;
import android.view.View;
public class EjemploActividadesActivity extends Activity implements OnClickListener {
    /** Called when the activity is first created. */
	
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        View boton = findViewById(R.id.button1);
        boton.setOnClickListener(this);
        
        View boton2 = findViewById(R.id.button2);
        boton2.setOnClickListener(this);
        
    }

	public void onClick(View vista) {
		
		if(vista.getId()==findViewById(R.id.button1).getId())
		{
			Intent i = new Intent(this,tituloActivity.class);
			startActivity(i);
		}
		if(vista.getId()==findViewById(R.id.button2).getId())
		{
			Intent j = new Intent(this, actividad2Activity.class);
			startActivity(j);
		}
		
	}
}
package com.actividades;
import android.app.Activity;
import android.os.Bundle;
public class actividad2Activity extends Activity {
    /** Called when the activity is first created. */
	
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.actividad2);
    
        
    }
}

package com.actividades;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View.OnClickListener;
import android.view.View;
public class tituloActivity extends Activity {
    /** Called when the activity is first created. */
	
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.titulo);
        
    }
}

XML de Manifest

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.actividades"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk android:minSdkVersion="7" />

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name" >
        <activity
            android:name=".EjemploActividadesActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name="tituloActivity"
            android:label="@string/titulo"
            >
        </activity>
      
    </application>

</manifest>


 

Tutorial android 5: Colocar un icono launcher a tu aplicación

Como colocar un icono launcher a nuestra aplicación android

Para diseñadores:

Hay ciertas pautas para que nuestro icono de launcher de la aplicación sea bueno, para ello debemos crear una imagen sencilla, agradable a la vista y que no exceda de demasiados elementos. La imagen que vamos a crear debe tener un formato PNG y manejar transparencias. Para el diseño hay varias alternativas de software que podemos utilizar, una de ellas es GIMP 2.0 que es un software gratuito, si usted prefiere una alternativa de paga siempre esta Photoshop, Illustrator o corel Draw  entre otros.

 

Las resoluciones que se manejan para el tamaño de imagen son las siguientes:

 

  • 36 x 36 px  para pantallas de baja resolución
  • 48 x 48 px para pantallas con media resolución
  • 72 x 72 px para pantallas de alta densidad con alta resolución
  • 96 x 96 px para pantallas de muy alta densidad de resolución

 

Para programadores:

Esto aunque es muy sencillo es una tarea esencial si queremos que nuestra aplicación vaya tomando vida.

Como ya se menciono anteriormente para hacer esto hay que tener en cuenta ciertas recomendaciones en cuanto a las imagenes que se utilizarán para hacer este launcher, debido a que los dispositivos Android manejan un numero muy variado de diferentes resoluciones  y tamaños de pantalla.

 

De manera que lo mas recomendable es crear un icono con la resolución y tamaño mas altos, y posteriormente solamente crear copias de tamaño menor.
A continuación el siguiente video tutorial muestra como debemos hacer uso de estas imagenes y como podremos agregarlos a nuestra aplicación. Si quisieras encontrar mas información siempre puedes visitar el sitio oficial de desarrollo de Android.

Video tutorial:

Finalmente y en conclusión a este tutorial, no olvides que tener un icono Launcher es esencial para todas las aplicaciones Android, espero que este tutorial te haya sido de utilidad y que puedas aplicarlo en el futuro.

No olvides dejar tus comentarios.

 

Tutorial android 4: Como exportar (compilar) una aplicación de android

Para exportar una aplicación Android a un archivo APK

Bien, antes de continuar hay que comprender que los archivos android ya empaquetados manejan una extensión llamada “.apk” , estos archivos nos sirven para instalar nuestras aplicaciones directamente en nuestros dispositivos Android.
Además también nos sirve para publicar las aplicaciones en Google Play.

El siguiente video tutorial explica los detalles de como podemos hacer esa exportación.

Video tutorial ” como exportar una aplicación en android(Compilar)”

Espero que este tutorial te haya sido de utilidad.

No olvides comentar y si tienes dudas visita nuestro foro.

Tutorial android 3: Hacer una calculadora basica en Android

Hacer una calculadora basica para la plataforma Android

En este tutorial vamos a comenzar a utilizar lo aprendido en lecciones pasadas y un poco mas para implementar una calculadora muy basica en Android.

Nuestro programa tendra como objetivo capturar en cajas de texto 2 numeros diferentes los cuales los utilizaremos para realizar una operación de suma al oprimir un boton.

Para ello en Android, sera necesario implementar en nuestra actividad principal un escuchador de eventos de tipo “OnClickListener”, con el cual accionaremos el evento que nos indica que ya debemos hacer la operación de suma entre los valores que hemos insertado previamente en el programa.

Veamos el video tutorial para realizar la practica, no olvides pausar si necesitas escribir codigo.

Video tutorial:

Dudas:

Si tienes alguna duda por favor visita el hilo de Android en “Programación” en el foro de este sitio web.

Codigo clave en este tutorial: Implementación de el manejador de eventos “OnClickListener”

¿como implementar OnClickListener?

Implementar interface OnClickListener, esta implementación permite que cuando un objeto de la interface se le dice que genere eventos de este tipo, entonces al accionarlos se ejecutara un metodo llamado onClick, en este metodo se coloca todo el codigo que queremos ejecutar cuando oprimimos un boton en especifico. Para el caso de nuestra calculadora basica, esa acción sera sumar dos valores y desplegarlos en pantalla.

 

public class MiCalse extends Activity implements OnClickListener
{
/*Codificación de la clase en general*/

//Implementar metodo onClick
public void onClick(View vista)
  {
   /*Aqui codigo a ejecutar cuando se dispare un evento de tipo "OnClick"
   *el cual se ejecuta cuando presionamos un boton
   *usar en la practica para realizar la suma y desplegarlo en pantalla*/
  }
}

 

Espero que este videotutorial te haya sido de utilidad, no olvides comentar.