Tag Archive for pantallas

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.