THE BEST ANDROIDE

Blog cerrado

noreply@blogger.com (David) — Thu, 16 Jul 2015 05:08:00 +0000

ESTAMOS cerrando el blog, en un periodo de tiempo dejaremos de escribir entradas ya que estamos modelando la migracion del blog a liferay, donde dedicare una sección a Android. Sigo dejandolo publico para que podais descargar código, ya que la idea inicial era compartir codigo e ideas con la cominidad java, especificamente Android.

Salu2!

Android : Dialog con Pager dentro

noreply@blogger.com (David) — Wed, 08 Apr 2015 07:57:00 +0000

View Pager dentro DialogFragment

Buenas developers, en esta ocasión vamos a combinar un Dialog con un View Pager. Este tipo de combos los podemos usar para desarrollar tutoriales dentro de nuestras aplicaciones entre otras cosas.

Antes de empezar quiero destacar que la implementación de la librería android.support.v4.app es una chapuza de las más grandes de Android, y todo por la maldita fragmentación, así que en este caso voy a poner todos los imports de las clases para que no haya confusión ante las librerías que usan los objetos.

Comenazmos creando 2 fragments : fragmento y fragmento2 :

import android.net.Uri;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
 
public class fragmento extends Fragment {
 
    private OnFragmentInteractionListener mListener;

    // TODO: Rename and change types and number of parameters
    public static fragmento newInstance(String param1, String param2) {
        fragmento fragment = new fragmento();
        Bundle args = new Bundle();
        fragment.setArguments(args);
        return fragment;
    }

    public fragmento() {
        // Required empty public constructor
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragmento, container, false);
    }

    @Override
    public void onDetach() {
        super.onDetach();
        mListener = null;
    }

    public interface OnFragmentInteractionListener {
        // TODO: Update argument type and name
        public void onFragmentInteraction(Uri uri);
    }
}

import android.net.Uri;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class fragmento2 extends Fragment {

    public fragmento2() {
        // Required empty public constructor
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragmento2, container, false);
    }

    @Override
    public void onDetach() {
        super.onDetach();
    }

    public interface OnFragmentInteractionListener {
        // TODO: Update argument type and name
        public void onFragmentInteraction(Uri uri);
    }
}

Y ahora vamos con el DialogFragment, que es quien va a contener el pager, con su correspondiente adaptador :

import android.app.Dialog;
import android.support.v4.app.DialogFragment;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;


/**
 * Created by makone on 16/03/2015.
 */
public class fragmentDialogo extends DialogFragment{

  private PageAdapter PagAdapter; //ADAPTADOR
  private ViewPager viewPager;

  @Override
    public Dialog onCreateDialog(final Bundle savedInstanceState) {
      Dialog dialog = super.onCreateDialog(savedInstanceState);
      //Configuracion Dialog
      dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
      dialog.getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
      return dialog;
    }

  @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
      View view = inflater.inflate(R.layout.fragment_dialog, container);   //INFLAMOS CON LA VIEW
      android.support.v4.app.FragmentManager fm = getChildFragmentManager();
      PagAdapter = new PageAdapter(fm);                              //CREAMOS ADAPTER
      viewPager = (ViewPager)view.findViewById(R.id.pager);          //INICIAMOS PAGER
      viewPager.setAdapter(PagAdapter);                              //APLICAMOS ADAPTER AL PAGER

      return view;
    }
}

import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
 
public class PageAdapter extends FragmentPagerAdapter {

  public PageAdapter(FragmentManager fm) {
        super(fm);
    }

  @Override
    public android.support.v4.app.Fragment getItem(int position) {
      if (position == 0) {
        // find first fragment...
        fragmento ft1 = new fragmento();
        return ft1;
      }

      if (position == 1) {
        // find first fragment...
        fragmento2 ft2 = new fragmento2();
        return ft2;
      }

      return null;
    }

  @Override
    public int getCount() {
      return 2;
    }
}

Bien, ya está todo montado, solo falta nuestra actividad principal crear un botón para llamar al Dialog con el pager cargado :

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.view.View;
import android.widget.Button;

public class MainActivity extends FragmentActivity {
  private Button boton;
  @Override
    protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      boton = (Button) findViewById(R.id.botonAction);   //REFERENCIA AL BOTON
      boton.setOnClickListener(new View.OnClickListener() {
        @Override
          public void onClick(View v) {
                openDialog(v);
          }
      });
    }

  public void openDialog(View view) {
    FragmentManager fm = getSupportFragmentManager();
    fragmentDialogo overlay = new fragmentDialogo();
    overlay.show(fm, "FragmentDialog");
  }
}

Y este es el resultado :

Descargar Dialog + pager.

Intents en Android

noreply@blogger.com (David) — Mon, 16 Mar 2015 13:24:00 +0000

Tipos y uso de intents

Buenas developers, a continuación aumento el repositorio de código con un tema bastante sencillo, los intents.

Vamos a ver una serie de intents "curiosos" que nos aportarán funcionalidades distintas. Empezamos por el más básico, cambio de actividad con el paso de parámetros, en un proyeco en blanco, he creado 2 actividades :

public class MainActivity extends Activity {

  int numero    = 8;
  String cadena = "Blog ThebestAndroide";

  private Button boton;

  @Override
    protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      //REFERENCIA BOTON
      boton = (Button) findViewById(R.id.button);
      boton.setOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View v) {
              lanzarIntent1(MainActivity.this, cadena, numero);
          }
      });
    }

  public static void lanzarIntent1(Activity activity, String cadena, int numero) {
    String NombreActivity = "segundaActivity";
    Intent intent = new Intent(NombreActivity);
    Bundle bundle = new Bundle();
    bundle.putInt("NUMERO", numero);
    bundle.putString("CADENA", cadena);
    intent.putExtras(bundle);

    activity.startActivity(intent);
  }
}

public class Activity2 extends Activity {

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

      TextView text1, text2;

      //REFERENCIA OBJETOS XML
      text1 = (TextView) findViewById(R.id.textView2);
      text2 = (TextView) findViewById(R.id.textView3);

      //RECOGER PARÁMETROS
      Bundle extras = getIntent().getExtras();
      if (extras != null) {
        String cadena = extras.getString("CADENA");
        int numero = extras.getInt("NUMERO");
        if (cadena != null) {
          text1.setText("Variable Int : " + numero);
          text2.setText("Variable String : " + cadena);
        }
      }
    }
}

Observamos que la variable NombreActivity tiene el mismo nombre que le ponemos en la etiqueta intent del androidManifest, en el ejemplo hemos pasado 2 tipos de datos en el intent primitivos, ¿Sencillito no? ahora bien, veremos como pasar un objeto.

¿Cómo pasamos un objeto por medio de un intent?

Podríamos serializar una clase por medio de una interfaz serializable, pero este proceso en Android supone un problema de rendimiento.

Para eso usamos la interfad Parcelable, que es específica para serializar objetos y moverlos de actividad a actividad. Así que modificamos nuestro Javabeans para que podamos serializar los objetos.

package intents.thebestandroide.intents;

import android.os.Parcel;
import android.os.Parcelable;

/**
 * Created by makone on 15/03/2015.
 */
public class producto implements Parcelable {
    int id;
    String name;
    String descripcion;

    public producto() {
    }

    public producto(int id, String name, String descripcion) {
        this.id = id;
        this.name = name;
        this.descripcion = descripcion;
    }

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getDescripcion() {
        return descripcion;
    }

    public void setDescripcion(String descripcion) {
        this.descripcion = descripcion;
    }

    @Override
    public int describeContents() {
        return 0;
    }

    public producto (Parcel parcel){
        readToParcel(parcel);
    }

    public static final Parcelable.Creator CREATOR =
            new Parcelable.Creator() {
                public producto createFromParcel(Parcel source) {
                    return new producto(source);
                }
                public producto[] newArray(int size) {
                    return new producto[size];
                }
    };

    @Override
    public void writeToParcel(Parcel out, int flags) {
        out.writeInt(id);
        out.writeString(name);
        out.writeString(descripcion);
    }

    public void readToParcel(Parcel parcel){
        id = parcel.readInt();
        name = parcel.readString();
        descripcion = parcel.readString();
    }
}

Y en nuestras dos activity, cambiamos el código referente a las variables :

public class MainActivity extends Activity {
  private Button boton;

  @Override
    protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      //REFERENCIA BOTON
      boton = (Button) findViewById(R.id.button);
      boton.setOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View v) {
              lanzarIntent1(MainActivity.this);
          }
      });
    }

  public static void lanzarIntent1(Activity activity) {
    String NombreActivity = "segundaActivity";
    Intent intent = new Intent(NombreActivity);

    producto p = new producto();
    p.setId(1);
    p.setName("makone");
    p.setDescripcion("thebestAndroide");

    //Insertamos objeto
    intent.putExtra("producto",p);

    activity.startActivity(intent);
  }
}

public class Activity2 extends Activity {

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

      TextView text1, text2, text3;

      //REFERENCIA OBJETOS XML
      text1 = (TextView) findViewById(R.id.textView2);
      text2 = (TextView) findViewById(R.id.textView3);
      text3 = (TextView) findViewById(R.id.textView4);

      //RECOGER PARÁMETROS
      Bundle extras = getIntent().getExtras();
      producto p = extras.getParcelable("producto");

      if (extras != null) {
         int numero    = p.getId();
         String nombre = p.getName();
         String desc   = p.getDescripcion();

         text1.setText("Id : " + numero );
         text2.setText("Nombre : " + nombre );
         text3.setText("Descripcion : " + desc );
      }
    }
}

Bien, ahora que ya hemos visto cómo hacer un intent simple con parámetros primitivos, además de un paso de objeto (el paso de arraylist lo he omitido porque para algo se crearon las BBDD) , ahora vamos a ver diversos intents curiosos que aportan funcionalidades distintas :

Abrir dirección web

//la url debe incluir siempre el protocolo
  public static void lanzarIntent1(Activity activity) {
    String url = "http://www.google.es";
    activity.startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(url)));
  }

Buscar en Youtube con la app oficial

  public static void lanzarIntent1(Activity activity) {
    Intent intent = new Intent(Intent.ACTION_SEARCH);
    intent.setPackage("com.google.android.youtube");
    //CADENA PARA BÚSQUEDA
    intent.putExtra("query", "zenet soñar contigo");
    intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
    try{

      activity.startActivity(intent);
      } catch (ActivityNotFoundException e) {
        //la app no está instalada
        System.out.println("App youtube no instalada");
      }
    }

Abrir aplicación Google Play con el id de la app

  public static void lanzarIntent1(Activity activity) {
    Intent intent = new Intent(Intent.ACTION_VIEW);
    intent.setData(Uri.parse("market://details?id=cronometroboxeo.com"));
    try {
      activity.startActivity(intent);
    } catch (android.content.ActivityNotFoundException e) {
      //SI HA DADO EXCEPCION PORQUE EL MARKET NO ESTA DISPONIBLE, ABRIMOS NAVEGADOR CON LA RUTA DE LA APP INTERESADA
      activity.startActivity(new Intent(Intent.ACTION_VIEW,
    Uri.parse("https://play.google.com/store/apps/details?id=cronometroboxeo.com")));
      System.out.println("Market no disponible");
    }
  }

Buscar en Google

  public static void lanzarIntent1(Activity activity) {
    Intent intent = new Intent(Intent.ACTION_WEB_SEARCH);
    intent.putExtra(SearchManager.QUERY, "Thebestandroide");
    activity.startActivity(intent);
  }

Compartir / enviar

public static void lanzarIntent1(Activity activity) {
  Intent intent = new Intent(android.content.Intent.ACTION_SEND);
  intent.setType("text/plain");
  intent.putExtra(android.content.Intent.EXTRA_SUBJECT, "Asunto"); 
  intent.putExtra(Intent.EXTRA_TEXT, "Contenido mensaje");
  activity.startActivity(Intent.createChooser(intent, "Compartir usando"));
}

Enviar E-mail

  public static void lanzarIntent1(Activity activity) {
    Intent emailIntent = new Intent(Intent.ACTION_SENDTO, Uri.parse("mailto:mail@gmail.com"));
    emailIntent.putExtra(Intent.EXTRA_SUBJECT, "Subject");
    emailIntent.putExtra(Intent.EXTRA_TEXT, "body");
    activity.startActivity(Intent.createChooser(emailIntent, "Seleccione una aplicación"));
  }

Agregar contactos

  public static void lanzarIntent1(Activity activity) {
    Intent contactIntent = new Intent(Intent.ACTION_INSERT);
    contactIntent.setType(ContactsContract.Contacts.CONTENT_TYPE);
    contactIntent.putExtra(ContactsContract.Intents.Insert.NAME,"Peter Parker");
    contactIntent.putExtra(ContactsContract.Intents.Insert.EMAIL,"mail@mail.com");
    contactIntent.putExtra(ContactsContract.Intents.Insert.PHONE,"11-7-666-23");
    activity.startActivity(contactIntent);
  }

Guardar en gestores de eventos

  public static void lanzarIntent1(Activity activity) {
    Intent intent = new Intent(Intent.ACTION_EDIT);
    intent.setType("vnd.android.cursor.item/event");
    intent.putExtra("allDay", false);
    intent.putExtra("title", "Cita Laura");
    intent.putExtra("description", "Llevar preservativos por si se deja...");
    activity.startActivity(Intent.createChooser(intent, "Seleccione una aplicación"));
  }

Reproducir multimedia

Hay que procurar indicar el MimeType correcto, vamos el formato según el tipo al que queramos acceder.Puede ser una url remota o un archivo : (file:///sdcard/MUSICA/song.mp3)

    public static void lanzarIntent1(Activity activity) {
      Intent intent = new Intent(Intent.ACTION_VIEW);
      intent.setDataAndType(Uri.parse("http://dominio.com/song.mp3"),"audio/mpeg");
      activity.startActivity(intent);
    }

Hacer una llamada

Hay que especificar, que para nuestras aplicaciones, en el caso que necesitemos hacer una llamada, para evitar poner el permiso en la app de que esta pueda llamar, usamos ACTION.DIAL.

    //ACTION DIAL NO REQUIERE CALL_PHONE
    public void HacerLLamada(){
      try {
      Intent callIntent;
      callIntent = new Intent(Intent.ACTION_DIAL);
      Resources res = getResources();
      //String text = String.format(res.getString(R.string.telefono)); //PARA TELF EN STRING
      String text = "tel:555-555-555";
      Log.e("formato  llamada ::: ", text.toString());
      callIntent.setData(Uri.parse("tel:"+text));
      startActivity(callIntent);
      } catch (ActivityNotFoundException activityException) {
        Log.e("dialing-example", "Llamada fallida", activityException);
      }
    }

Drawer menu con Action Bar y Tabs

noreply@blogger.com (David) — Mon, 09 Feb 2015 16:55:00 +0000

Blog >Lista Soluciones > -Drawer Menu + Action Bar + Tabs

Drawer menu manejando ActionBar con Tabs

En el post iremos viendo en Android Studio un menú de navegación vistoso paso a paso, en primer lugar crearemos el menú drawer.

Si quereis ver qué es un menú drawer podeis verlo desde aquí. En este caso cambiaremos los parámetros para que modificar la interfaz visual desde el drawer menu al ActionBar, y en esta ocasión también trataremos el ActionBar con pestañas.

Vamos allá con el código :

1 Creacción del Drawer Menu

CLASE itemsMenuDrawer

/**
 * Created by makone
 * Description : Encapsula objetos para el menú del Dawer
 */
public class itemsMenuDrawer {
  private int id;
  private String name;
  private String subName;
  private Drawable icon;

  public itemsMenuDrawer(int id, String name, String subName, Drawable icon) {
    this.id = id;
    this.name = name;
    this.subName = subName;
    this.icon = icon;
  }

  public int getId() { return id; }
  public void setId(int id) { this.id = id; }

  public String getName() { return name; }
  public void setName(String name) { this.name = name; }

  public String getSubName() { return subName; }
  public void setSubName(String subName) { this.subName = subName; }

  public Drawable getIcon() { return icon; }
  public void setIcon(Drawable icon) { this.icon = icon; }
}

CLASE menuAdapter

/**
 * Created by makone.
 * Description : Adapter para los objetos del Drawer
 */
public class menuAdapter extends BaseAdapter {

  protected Activity activity;
  //ARRAYLIST CON TODOS LOS ITEMS
  protected ArrayList items;
    
  //CONSTRUCTOR
  public menuAdapter(Activity activity, ArrayList items) {
    this.activity = activity;
    this.items = items;
  }

  //CUENTA LOS ELEMENTOS
  @Override
  public int getCount() {
        return items.size();
    }
  //DEVUELVE UN OBJETO DE UNA DETERMINADA POSICION
  @Override
    public Object getItem(int arg0) {
        return items.get(arg0);
    }

    //DEVUELVE EL ID DE UN ELEMENTO
    @Override
      public long getItemId(int position) {
        return items.get(position).getId();
    }

      //METODO PRINCIPAL, AQUI SE LLENAN LOS DATOS
      @Override
      public View getView(int position, View convertView, ViewGroup parent) {
        View v = convertView;
        //ASOCIAMOS LA VISTA AL LAYOUT DEL RECURSO XML DONDE ESTA LA BASE DE
        if (convertView == null) {
          LayoutInflater inf = (LayoutInflater) activity.
                    getSystemService(activity.getApplicationContext().LAYOUT_INFLATER_SERVICE);
          v = inf.inflate(R.layout.itemdrawer, null);
        }

        itemsMenuDrawer dir = items.get(position);
        //RELLENAMOS LA IMAGEN Y EL TEXTO
        ImageView foto = (ImageView) v.findViewById(R.id.img_menu);
        foto.setImageDrawable(dir.getIcon());
        TextView txtPrinc = (TextView) v.findViewById(R.id.txt_princip);
        txtPrinc.setText(dir.getName());
        TextView txtSecund = (TextView) v.findViewById(R.id.txt_secund);
        txtSecund.setText(dir.getSubName());

        // DEVOLVEMOS VISTA
        return v;
    }
}

CLASE MainActivity

public class MainActivity extends ActionBarActivity {
  DrawerLayout drawerLayout;
  FrameLayout contenedorPrincipal;
  ListView listaMenu;
  private ArrayList array;

  Activity activity;
  Context context;

  @Override
    protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      this.activity = MainActivity.this;
      this.context = activity.getApplicationContext();
      gestionDatos();

    }
  
  public void gestionDatos(){
    instanciarObjetos ();
    configurarMenuDrawer();
  }

  public void configurarMenuDrawer(){

  }

  public void instanciarObjetos (){
    contenedorPrincipal=(FrameLayout) findViewById(R.id.contenedor_principal);
    drawerLayout = (DrawerLayout) findViewById(R.id.menu_drawer);

    listaMenu = (ListView) findViewById(R.id.lista_menu);
    listaMenu.setOnItemClickListener(new AdapterView.OnItemClickListener(){
      @Override
        public void onItemClick(AdapterView parent, View view,int position, long id) {
          seleccionarFragment(position);
        }

    });
      
    View header=getLayoutInflater().inflate(R.layout.header_menu, null); //HEADER
    listaMenu.addHeaderView(header,null,false);

    array = new ArrayList();
    llenarListaMenu(array);

    menuAdapter adaptador = new menuAdapter(this, array);             //ADAPTER
    listaMenu.setAdapter(adaptador);
  }
    
  public void seleccionarFragment(int posicion){
    switch (posicion) {
      // BOTON PLAY, PRIMERA POSICION = 0
      case 1:
        //fragment1
        break;
      case 2:
        //fragment2
        break;
      case 3:
        //fragment3
        break;
      case 4:
        //fragment4
        break;
      case 5:
        finish();
      }
  }
  //LLENAR LISTA DE OBJETOS DEL MENU
  public void llenarListaMenu(ArrayList  arraydir){
    itemsMenuDrawer item;
    // Introduzco los elementos
    item = new itemsMenuDrawer(1, "Nirvana", "Heart, sharped box",
                          context.getResources().getDrawable(R.drawable.ico1));
    arraydir.add(item);
    item = new itemsMenuDrawer(2, "The pixies", "Where is my mind",
                          context.getResources().getDrawable(R.drawable.ico2));
    arraydir.add(item);
    item = new itemsMenuDrawer(3,"Bob Dylan","Hurrican Carter",
                          context.getResources().getDrawable(R.drawable.ico3));
    arraydir.add(item);
    item = new itemsMenuDrawer(4, "Toxicity","System of a down",
                          context.getResources().getDrawable(R.drawable.ico4));
    arraydir.add(item);
    item = new itemsMenuDrawer(5, "Maneras de vivir", "Rosendo",
                          context.getResources().getDrawable(R.drawable.ico5));
    arraydir.add(item);
  }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
      // Inflate the menu; this adds items to the actionBar if it is present.
      getMenuInflater().inflate(R.menu.menu_main, menu);
      return true;
    }

  @Override
    public boolean onOptionsItemSelected(MenuItem item) {
      // Handle action bar item clicks here. The action bar will
      // automatically handle clicks on the Home/Up button, so long
      // as you specify a parent activity in AndroidManifest.xml.
      switch (item.getItemId()) {
              return super.onOptionsItemSelected(item);
      }
  }
}//END CLASS

Este es el resultado :

Si quereis ver cómo se hacen los diseños de R.layout.itemdrawer o el propio activity_main podeis verlo en el post anteriormente mencionado aquí.

2 Implementamos una Action Bar

Antes vamos a insertar la librería de compatibilidad con versiones anteriores, así que le damos click derecho al proyecto y en open module settings (penúltima por abajo), vamos a dependencies y en el + Library Dependency buscamos com.android.support:appcompat-v7.

Podemos usarla para toda la aplicación o para alguna actividad que nos interese.

Ahora vamos a darle un menú a la Action Bar independiente del Drawer, esto a la hora de desarrollar la aplicación es muy importante estudiar este combo, ya que debemos eliminar la redundancia de información.

En este caso en particular, vamos a cambiar los parámetros para que cambie la interfaz visual desde el drawer menu al Action Bar.

Para manejar los iconos que deben ir en la Action Bar creamos una clase en el que le pasamos la opción y genera una Action Bar diferente dependiendo de donde se llame :

CLASE configActionBAR

import texto.cifrador.makone.cifradortexto.R;

/**
 * Created by makone.
 * Description : Gestiona los menús que deben salir en cada actividad
 */
public class configActionBAR {

  ActionBar actionBar = null;
  int opcion;

  public configActionBAR(ActionBar menu, int opcion) {
    this.actionBar = menu;
    this.opcion = opcion;
    ClasificarMenu(opcion);
  }

  public void ClasificarMenu(int opcion) {
    switch (opcion) {
      case 1:cifrador();

      case 2:

      case 3:
   
      default:
        Log.e("BotoonesMenu", "Opcion incorrecta");
    }
  }

  public void cifrador (){
    //actionBar.hide();                        //Ocultar ActionBar
    actionBar.setIcon(R.drawable.ic_launcher); //Establecer icono
    actionBar.setTitle("Cifrador");            //Establecer titulo
    actionBar.setSubtitle("Menu principal");   //Establecer Subtitulo

    // actionBar.setDisplayHomeAsUpEnabled(true); //Boton atras
    }
}

Y para darle la funcionalidad al botón de atrás de la Action Bar, vamos al método onOptionsItemSelected de MainActivity, donde android.R.id.home es la instancia del botón atrás del ActionBar.

CLASE MainActivity

 @Override
    public boolean onOptionsItemSelected(MenuItem item) {
      // Handle action bar item clicks here. The action bar will
      // automatically handle clicks on the Home/Up button, so long
      // as you specify a parent activity in AndroidManifest.xml.
      switch (item.getItemId()) {
          case android.R.id.home :
              drawerLayout.openDrawer(Gravity.LEFT);
              return true;

Usamos la nueva clase para poner los items en lista desplegable o en el título que nos parezca

CLASE MainActivity

  public void configurarMenuDrawer(){
    actionBar = getSupportActionBar();
  }
  //EN EL ONCLICK DE listaMenu PARA PODER DARLE OTRA APARIENCIA DEPENDIENDO DEL FRAGMENT
  ACM = new configActionBAR(actionBar,position);

Ahora vamos a modificar el menú principal activity_main.xml, pero antes veamos estos atributos :

ifRoom : Muestra el icono si lo tiene y tiene espacio.
withText : Icono + título si tiene espacio.
always : Siempre muestra el icono.
never : Unicamente estará en el desplegable.

Con always hay que tener cuidado, ya que en pasadas versiones los tamaños eran más pequeños y puede dar problemas, con ifRoom está solucionado, ahora sólo nos hace falta jugar un poco con las propiedades :

<menu xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

xmlns:texto.makone="http://schemas.android.com/apk/res-auto"

tools:context=".MainActivity">

<item

android:id="@+id/compartirApp"

android:title="@string/menu_google_App"

android:icon="@drawable/ic_action_share"

texto.makone:showAsAction="ifRoom|withText"/>

<item

android:id="@+id/menuAjustes"

android:title="@string/menu_ajustes"

android:icon="@drawable/ic_action_settings"

texto.makone.:showAsAction="ifRoom|withText"/>

<item

android:id="@+id/GoogleAppPago"

android:title="@string/menu_google_App"

android:icon="@drawable/google_play_icon"

texto.makone:showAsAction="ifRoom|withText"/>

<item

android:id="@+id/menuDescripcion"

android:title="@string/menu_descripcion"

android:icon="@drawable/google_play_icon"

texto.makone:showAsAction="never"/>

<item

android:id="@+id/menuEjemplo"

android:title="@string/menu_ejemplo"

android:icon="@drawable/google_play_icon"

texto.makone:showAsAction="never"/>

</menu>

texto.makone es el nombre del paquete de mi app y esta linea también es importante :

xmlns:texto.makone="http://schemas.android.com/apk/res-auto"

Vemos que Descripcion o Ejemplo no aparecen en el Action mientras que los demás están configurados para que sí. Ahora vamos con el tema de la gestión de fragments. Con Android Studio crea el fragment completamente, he creado 2, pero se pueden hacer todos los que se quiera o necesite :

Omito el diseño de los fragments, ya que podeis ver cómo en post como los mencionados anteriormente. Y esta es la clase que por defecto nos crea Android Studio

public class fragmentIntro extends Fragment {
    // TODO: Rename parameter arguments, choose names that match
    // the fragment initialization parameters, e.g. ARG_ITEM_NUMBER
    private static final String ARG_PARAM1 = "param1";
    private static final String ARG_PARAM2 = "param2";

    // TODO: Rename and change types of parameters
    private String mParam1;
    private String mParam2;

    private OnFragmentInteractionListener mListener;

    /**
     * Use this factory method to create a new instance of
     * this fragment using the provided parameters.
     *
     * @param param1 Parameter 1.
     * @param param2 Parameter 2.
     * @return A new instance of fragment fragmentIntro.
     */
    // TODO: Rename and change types and number of parameters
    public static fragmentIntro newInstance(String param1, String param2) {
        fragmentIntro fragment = new fragmentIntro();
        Bundle args = new Bundle();
        args.putString(ARG_PARAM1, param1);
        args.putString(ARG_PARAM2, param2);
        fragment.setArguments(args);
        return fragment;
    }

    public fragmentIntro() {
        // Required empty public constructor
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if (getArguments() != null) {
            mParam1 = getArguments().getString(ARG_PARAM1);
            mParam2 = getArguments().getString(ARG_PARAM2);
        }
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                                                      Bundle savedInstanceState) {

        View v = inflater.inflate(R.layout.fragment_cifrador, container, false);


        return v;
    }

    // TODO: Rename method, update argument and hook method into UI event
    public void onButtonPressed(Uri uri) {
        if (mListener != null) {
            mListener.onFragmentInteraction(uri);
        }
    }
 
    //Comentamos porque sino de momento daría error
    /*@Override
    public void onAttach(Activity activity) {
        super.onAttach(activity);
        try {
            mListener = (OnFragmentInteractionListener) activity;
        } catch (ClassCastException e) {
            throw new ClassCastException(activity.toString()
                    + " must implement OnFragmentInteractionListener");
        }
    }*/

    @Override
    public void onDetach() {
        super.onDetach();
        mListener = null;
    }

    /**
     * This interface must be implemented by activities that contain this
     * fragment to allow an interaction in this fragment to be communicated
     * to the activity and potentially other fragments contained in that
     * activity.
     * * See the Android Training lesson Communicating with Other Fragments for more information.
     */
    public interface OnFragmentInteractionListener {
        // TODO: Update argument type and name
        public void onFragmentInteraction(Uri uri);
    }

}

Aprovechamos y modificamos la función seleccionarFragment para que nos vayamos moviendo por los fragment y vaya cambiando nuestro Action Bar a antojo, según este ejemplo, la opción 1 del drawer nos llevara al fragmentIntro, mientras que las demás nos llevarán al fragmentCifrador.

Para poder cambiar nuestro Action Bar desde cualquier fragment, que es un problema que me ha llevado un rato, basta con :

this.activity.invalidateOptionsMenu();       //PARA REFRESCAR ACTION BAR JUSTO ANTES DE CREAR EL MENU
this.actionBar = actionBar = ((android.support.v7.app.ActionBarActivity) activity).getSupportActionBar();

//EN CADA FRAGMENT GENERAMOS onCreateOptionsMenu Y AÑADIMOS menu.clear()
public class fragmentIntro extends  Fragment {
  @Override
    public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
      super.onCreateOptionsMenu(menu, inflater);
      menu.clear();    //Vaciar el menu
      inflater.inflate(R.menu.menu_main, menu);
  }

//EN CADA FRAGMENT GENERAMOS  onActivityCreated Y AÑADIMOS  setHasOptionsMenu(true); 
  @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
      super.onActivityCreated(savedInstanceState);
      setHasOptionsMenu(true);        //PARA PODER MODIFICAR EL MENU
   }
}

No os olvideis de poner el número para que entre en el switch del MainActivity, y en la clase configActionBAR(ActionBar menu, int opcion) en el método ClasificarMenu(int opcion) agregar tantos métodos como queramos modificar los Action Bar en cada caso.

  public void instanciarObjetos (){
    contenedorPrincipal=(FrameLayout) findViewById(R.id.contenedor_principal);
    drawerLayout = (DrawerLayout) findViewById(R.id.menu_drawer);

    listaMenu = (ListView) findViewById(R.id.lista_menu);
    listaMenu.setOnItemClickListener(new AdapterView.OnItemClickListener(){
      @Override
        public void onItemClick(AdapterView parent, View view,int position, long id) {
          seleccionarFragment(position);
        }

    });

    View header=getLayoutInflater().inflate(R.layout.header_menu, null); //HEADER
    listaMenu.addHeaderView(header,null,false);

    array = new ArrayList();
    llenarListaMenu(array);

    menuAdapter adaptador = new menuAdapter(this, array);           //ADAPTER
    listaMenu.setAdapter(adaptador);

    //PARA QUE SEA POR DEFECTO EL FRAGMENT INTRO
    seleccionarFragment(1);
    Log.e("MainActivity", "PASOOOOOOOO on CREATE");
  }

  public void seleccionarFragment(int posicion){
      Log.e("MainActivity", "PAS Selecciono fragment"+posicion);
      boolean salida=false;
      android.support.v4.app.Fragment fragment=null;
    switch (posicion) {
      // BOTON PLAY, PRIMERA POSICION = 0
      case 1:
        fragment = new fragmentIntro();
        break;
      case 2:
        fragment = new fragmentCifrador();
        break;
      case 3:
        fragment = new fragmentImagen();
        break;
      case 4:
        fragment = new fragmentCripto();
        break;
      case 5:
        salida=true;

        //MARCAMOS EL CLICKADO
        listaMenu.setItemChecked(posicion, true);
        drawerLayout.closeDrawer(listaMenu);
        finish();
        break;

      default:  Log.e("Main Activity  ", "Opcion  "+posicion);
    }
    //SI SE SALE DE LA APLICACIÓN, AL HACER EL CAMBIO DE FRAGMENT DARIA NULLPOINTEREXCEPTION
    if (salida==false) {
      FragmentManager fragmentManager = getSupportFragmentManager();
      fragmentManager.beginTransaction()
              .replace(R.id.contenedor_principal, fragment)
              .commit();

       listaMenu.setItemChecked(posicion, true);    //MARCAMOS EL CLICKADO
       drawerLayout.closeDrawer(listaMenu);

    }
  }

Si todo ha ido bien, ahora cambiará el estilo de nuestro action Bar y el contenido de los botones que tiene dentro. Ya nos podemos mover por nuestros fragments sin problema. Claro está que en cada recurso menu.xml que hagamos de cada fragmento, nos tocará listar los items, además de asignarles un icono apropiado.

4 Creacción de Swipey tabs en un fragment

Ahora vamos a conseguir un efecto muy chulo en uno de nuestros fragments, en el cifrador en concreto, vamos a insertar unas pestañas que al seleccionar cada una que no sea la misma en donde estamos, la vista se va a "correr" hacia un lado dejando paso a la nueva vista. Creamos 3 fragments más y añadimos a fragmentCifrador.xml el componente ViewPager :

<android.support.v4.view.ViewPager

xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@+id/pager"

android:layout_width="match_parent"

android:layout_height="match_parent"

</android.support.v4.view.ViewPager>

Page Adapter nueva clase

/**
 * Created by makone 
 */
public class PageAdapter extends FragmentPagerAdapter
{
    public PageAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public android.support.v4.app.Fragment getItem(int position) {
        // TODO Auto-generated method stub
        switch (position) {
            case 0:
                return new fragmentNew1();
            case 1:
                return new fragmentNew2();
            case 2:
                return new fragmentNew3();
            default:
                break;
        }
        return null;
    }

    @Override
    public int getCount() {
        return 3;
    }
}

Así que nuestro FragmentCifrador se queda así, claro que hay que crear fragmentNew1, fragmentNew2, fragmentNew3, modificarlos gráficamente y posteriormente ver el efecto.

Tenemos también que prestar atención al método onDetach(), ya que cada vez que se inicia el fragment, se añaden tabs, es importante que en cada fragment por el que naveguemos lleve las mismas líneas de código en el mismo método onDetach() que a continuación :

package FRAGMENTS.FRAGMENTS_CIFRADOR;

import android.app.Activity;
//import android.app.Fragment;
import android.net.Uri;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentTransaction;
import android.support.v4.view.ViewPager;
import android.support.v7.app.ActionBarActivity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.View;
import android.view.ViewGroup;

import GESTION.configActionBAR;
import JAVAEE.PageAdapter;
import texto.cifrador.makone.cifradortexto.R;

public class fragmentCifrador extends  Fragment implements android.support.v7.app.ActionBar.TabListener{
  // TODO: Rename parameter arguments, choose names that match
  // the fragment initialization parameters, e.g. ARG_ITEM_NUMBER
  private static final String ARG_PARAM1 = "param1";
  private static final String ARG_PARAM2 = "param2";

  // TODO: Rename and change types of parameters
  private String mParam1;
  private String mParam2;

  private OnFragmentInteractionListener mListener;

  public static android.support.v7.app.ActionBar actionBar;
  public configActionBAR CAB;
  Activity host;

  ViewPager viewpager;
  PageAdapter ft;

  // TODO: Rename and change types and number of parameters
  public static fragmentCifrador newInstance(String param1, String param2) {
    fragmentCifrador fragment = new fragmentCifrador();
    Bundle args = new Bundle();
    args.putString(ARG_PARAM1, param1);
    args.putString(ARG_PARAM2, param2);
    fragment.setArguments(args);
    return fragment;
  }

  public fragmentCifrador() {
    // Required empty public constructor
  }

  @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
      super.onActivityCreated(savedInstanceState);
      setHasOptionsMenu(true);        //PARA PODER MODIFICAR EL MENU
    }

  @Override
    public void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      if (getArguments() != null) {
        mParam1 = getArguments().getString(ARG_PARAM1);
        mParam2 = getArguments().getString(ARG_PARAM2);
      }
    }

  @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {

      View v = inflater.inflate(R.layout.fragment_cifrador, container, false);
      aniadirTabs(v);

      return v;
    }

  private void aniadirTabs(View v) {
   //RECUPERAMOS CONTEXTO APLICACION
   // host = (Activity) activity.getApplicationContext();
   host = (Activity) v.getContext();
   actionBar = ((ActionBarActivity) host).getSupportActionBar();
   CAB = new configActionBAR(host, 2);
   SacarPestanias (v,host);
 }

  public void SacarPestanias (View v,Activity activity){
    viewpager = (ViewPager) v.findViewById(R.id.pager);
    //ft = new PageAdapter(getSupportFragmentManager());
    //Aqui le añadimos los fragments donde nos queremos mover
    ft = new PageAdapter(((android.support.v7.app.ActionBarActivity) activity)
        .getSupportFragmentManager());
    viewpager.setAdapter(ft);
    actionBar.setNavigationMode(android.app.ActionBar.NAVIGATION_MODE_TABS);
    actionBar.addTab(actionBar.newTab().setText("CASAR").setTabListener(this));
    actionBar.addTab(actionBar.newTab().setText("Estadisticas").setTabListener(this));
    actionBar.addTab(actionBar.newTab().setText("Editor").setTabListener(this));

    viewpager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
      @Override
        public void onPageSelected(int arg0) {
                actionBar.setSelectedNavigationItem(arg0);
            }
          @Override
             public void onPageScrolled(int arg0, float arg1, int arg2) {
                // TODO Auto-generated method stub
            }

            @Override
              public void onPageScrollStateChanged(int arg0) {
                // TODO Auto-generated method stub
            }
        });
    }

  @Override
    public void onTabSelected(android.support.v7.app.ActionBar.Tab tab, FragmentTransaction fragmentTransaction) {
      viewpager.setCurrentItem(tab.getPosition());
    }

  @Override
    public void onTabUnselected(android.support.v7.app.ActionBar.Tab tab, FragmentTransaction fragmentTransaction) { }

  @Override
    public void onTabReselected(android.support.v7.app.ActionBar.Tab tab, FragmentTransaction fragmentTransaction) { }

  // TODO: Rename method, update argument and hook method into UI event
  public void onButtonPressed(Uri uri) {
    if (mListener != null) {
       mListener.onFragmentInteraction(uri);
    }
  }

  @Override
    public void onAttach(Activity activity) {
      super.onAttach(activity);
      /*  try {
            mListener = (OnFragmentInteractionListener) activity;
        } catch (ClassCastException e) {
            throw new ClassCastException(activity.toString()
                    + " must implement OnFragmentInteractionListener");*/
    }

  @Override
    public void onDetach() {
      super.onDetach();
      mListener = null;
      actionBar = ((ActionBarActivity) host).getSupportActionBar();
   actionBar.removeAllTabs();
      actionBar.setNavigationMode(android.app.ActionBar.NAVIGATION_MODE_STANDARD); //PARA BORRAR PESTAÑERO
    }

  public interface OnFragmentInteractionListener {
    // TODO: Update argument type and name
    public void onFragmentInteraction(Uri uri);
  }

  @Override
    public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
      super.onCreateOptionsMenu(menu, inflater);
      menu.clear();
      inflater.inflate(R.menu.menu_cifradores, menu);
    }
}

Podeis descargar el código fuente de thebestandroide con sólo compartir en facebook,twitter,linkedin o suscribirte a nuestro canal RSS más abajo.

Descargar archivo.

Botones dispositivo Android

noreply@blogger.com (David) — Mon, 09 Feb 2015 15:49:00 +0000

Blog >Lista Soluciones > Botones dispositivo Android

Tabla de botones fisicos del dispositivo Android

A continuación muestro una tabla con 3 columnas, la primera es el nombre del botón, ya sea del emulador o del dispositivo, la segunda es la tecla rápida a introducir con el teclado del ordenador para el acceso a la función como si se pulsara en el dispositivo virtual, mientras que la tercera nos vale para referenciarla en la programación Java,normalmente en el método onOptionsItemSelected (ej: switch (item.getItemId()) { case android.R.id.home return true;)

Emulated Device Key	Keyboard Key	KeyEvent
Home	HOME	KeyEvent.KEYCODE_HOME
Menu (left softkey)	F2 or Page-up button	KeyEvent.KEYCODE_MENU
Star (right softkey)	Shift-F2 or Page Down
Back	ESC	KeyEvent.KEYCODE_BACK
Call/dial button	F3
Hangup/end call button	F4
Search	F5	KeyEvent.KEYCODE_SEARCH
Power button	F7	KeyEvent.KEYCODE_POWER
Audio volume up button	KEYPAD_PLUS, Ctrl-F5	KeyEvent.KEYCODE_VOLUMEN_UP
Audio volume down button	KEYPAD_MINUS, Ctrl-F6	KEYCODE_VOLUMEN_DOWN
Camera button	Ctrl-KEYPAD_5, Ctrl-F3	KeyEvent.KEYCODE_CAMERA
Switch to previous layout orientation (for example, portrait, landscape)	KEYPAD_7, Ctrl-F11
Switch to next layout orientation (for example, portrait, landscape)	KEYPAD_9, Ctrl-F12
Toggle cell networking on/off	F8
Toggle code profiling	F9 (only with -trace startup option)
Toggle fullscreen mode	Alt-Enter
Toggle trackball mode	F6
Enter trackball mode temporarily (while key is pressed)	Delete
DPad left/up/right/down	KEYPAD_4/8/6/2	KeyEvent.KEYCODE_DPAD_UP, KeyEvent.KEYCODE_DPAD_DOWN, KeyEvent.KEYCODE_DPAD_LEFT, KeyEvent.KEYCODE_DPAD_RIGHT
DPad center click	KEYPAD_5	KeyEvent.KEYCODE_DPAD_CENTER
Onion alpha increase/decrease	*KEYPAD_MULTIPLY() / KEYPAD_DIVIDE(/)**

Teclado Numérico		*KeyEvent. – KEYCODE_0, KEYCODE_1, KEYCODE_2, … , KEYCODE_9 , KEYCODE_A, … , KEYCODE_Z*
Botón de medios		*KEYCODE_HEADSETHOOK*

Styleguide de Google para programar en Android.

noreply@blogger.com (David) — Mon, 02 Feb 2015 11:37:00 +0000

Blog >Lista Soluciones > Estándares Android

Estándares de Google para Android

Definición de estándar

Un estándar de programación es una forma de "normalizar" la programación para que al trabajar en un proyecto cualquiera, las personas involucradas en el mismo tengan un acceso rápido y una correcta comprensión del código. Un estándar nos define la escritura y organización del código fuente de un programa, además el seguir un estándar de programación te facilita como programador la modificación de tu propio código fuente aunque lleves tiempo sin mirarlo.

El pasado año 2014, google sacó un artículo en el que definía unos estándares con los que programan ellos en Android, el artículo lo podeis ver aquí .

Así que los he agrupado y aunque no todos, están los más comunes que usamos a la hora de programar. Además si también si quereis ver los estándares de java más comunes podreis echar un vistazo aquí.

Comentarios

Si los comentarios que tratan sobre implementaciones o comentar el código serán los comentarios de implementación. Comentarios de bloque, estos van arriba en la clase, precedidos de linea en blanco :

/**
 * @author makone
 * @description This class creates a Noticia object
 */

Comentarios de línea : Comentarios cortos alineados al mismo nivel de la linea de código que sigue. Llevan linea en blanco :

   
try {
  //ACCION
  } catch (Exception e) {
    Log.e("Error", e.getMessage());
    e.printStackTrace();
  }

Comentarios de aclaración : Comentarios en la misma linea del código comentado, si hay más de uno, intentar alinear aunque no es obligatorio.

 private int id;
 private int categoria;
 
 private String name;            //titulo principal
 private String descripcion;
 private String URLimagen;       //URL para descargar imagen

La extructura

La extructura de bloques tiene que llevar el estilo K & R ("Egyptian brackets") :

return new MisPeliculas() {
  @Override public void method() {
    if (condition()) {
      try {
        something();
      } catch (ProblemException e) {
        recover();
      }
    }
  }
};

La indentación

La indentación (la tabulación entre distintos niveles) es de 2 espacios y sólo habrá una sentencia por línea.

La llave de apertura { nunca estará precedida de linea en blanco y lo siguiente será un salto de linea.

Salto de línea después de la llave de cierre }, e intentar alinearla con la línea donde se abrió ese bloque. No hay salto de linea despues de la linea si es seguido por otra llave o una coma.

Los bloques vacíos tendrán este formato

//Constructor 1
void doNothing() {}

Límite de línea

Cualquier proyecto puede elegir tener el límite de la columna 80 a la 100.

Cuando una misma línea se divide en varias líneas, normalmente para evitar que desborda el límite de la columna, esta actividad se llama ajuste de líneas.que son sangría de 4 espacios. Cuando hay múltiples líneas de continuación, la sangría se puede variar más allá de 4 como se desee. En general, dos líneas de continuación utilizan el mismo nivel de sangrado si y sólo si comienzan con elementos sintácticamente paralelos.

//EJEMPLO 1
public producto(int id, String nombre,float precio, String descripcion,String uRLimagen,  
    int cat) {
  this.precio = precio;
  this.id = id;
  this.nombre = nombre;
  this.descripcion = descripcion;
  this.URLimagen = uRLimagen;
  this.cat = cat;
}
 
//EJEMPLO 2
public boolean checkConnectivity() {
  boolean enabled = true;   
  ConnectivityManager connectivityManager = (ConnectivityManager) this.c
     .getSystemService(Context.CONNECTIVITY_SERVICE); 
  
  NetworkInfo info = connectivityManager.getActiveNetworkInfo();          
  if ((info == null || !info.isConnected() || !info.isAvailable())){
 enabled = false;
  }
  return enabled;        
}

Líneas en blanco

Entre los miembros consecutivos (o inicializadores) de una clase como pueden ser campos, constructores, métodos, clases anidadas, inicializadores estáticos o inicializadores de instancia.

Además dentro de cuerpos de los métodos, según sea necesario para crear agrupaciones lógicas de declaraciones.

         
 String id =        c.getString("ID");
 String name =      c.getString("NAME");
 String desc =      c.getString("DESCRIPCION");
 String imagen =    c.getString("IMAGE");
 String precio =    c.getString("PRECIO");
 String categoria = c.getString("CATEGORIA");
 
 e=new producto();
 e.setId(Integer.valueOf(id));
 e.setNombre(name);
 e.setdescripcion(desc);
 e.setPrecio(Float.parseFloat(precio));
 e.setURLimagen(imagen);
 e.setCat(Integer.valueOf(categoria));

Espacios en blanco

Habrá espacios detrás de cada if, for o catch Antes de cualquier llave de apertura { [ con dos excepciones, una son las anotaciones y otras como por ejemplo los arrays:

String[][] x = {{"foo"}};

A ambos lados de cualquier operador binario o ternario,y también se aplica : En multiples excepciones

    catch (FooException | BarException e)

En el foreach :

public boolean cargaFotosNoticiasAcabada(ArrayList no){
  for (Object noticia : no){
 producto pas = (producto) noticia;
   if (pas.isFotoCargada()==false){
     return false;
   }
  }
  return true;
}

Después de , : ; o al cerrar un paréntesis y al agrupar elementos por ejemplo :

 
private enum Suit { CLUBS, HEARTS, SPADES, DIAMONDS }

Opcional : justo dentro de las dos llaves de una inicialización de un array

 
new int[] {5, 6} and new int[] { 5, 6 } da igual una que otra.

Extructuras formales de inicialización de un array

 
new int[] {           new int[] {
  0, 1, 2, 3            0,
}                       1,
                        2,
new int[] {             3,
  0, 1,               }
  2, 3
}                     new int[]
                          {0, 1, 2, 3}

Atributos de clase, métodos y variables : aparecen en el orden recomendado por la especificación del lenguaje Java:

public protected private abstract static final transient volatile synchronized native strictfp

Los nombres de las clases seguiran este formato : UpperCamelCase, con verbos adecuados
CONSTANTES : Siempre con mayúsculas

// Constants
static final int NUMBER = 5;
static final ImmutableList NAMES = ImmutableList.of("Ed", "Ann");
static final Joiner COMMA_JOINER = Joiner.on(',');  // because Joiner is immutable
static final SomeMutableType[] EMPTY_ARRAY = {};
enum SomeEnum { ENUM_CONSTANT }

VARIABLES : Siempre empiezan con letra pequeña :

// Not constants
static String nonFinal = "non-final";
final String nonStatic = "non-static";
static final Set mutableCollection = new HashSet();
static final ImmutableSet mutableElements = ImmutableSet.of(mutable);
static final Logger logger = Logger.getLogger(MyClass.getName());
static final String[] nonEmptyArray = {"these", "can", "change"};

Excepciones : Queda prohibido hacer una excepción en la que no haya nada que mostrar cuando salte. Para las pruebas usaremos NoSuchElementException para averiguar que excepción se produce.

try {
  emptyStack.pop();
  fail();
} catch (NoSuchElementException expected) {
}

Descargar archivo.

Añadir view Activity android java

noreply@blogger.com (David) — Mon, 01 Dec 2014 00:33:00 +0000

Blog >Lista Soluciones > Insertar View en Activity

Añadir View a activity

En esta ocasión añadiremos una vista en la que hemos guardado un recurso.xml y la insertaremos mediante código java en nuestra activity al pulsar sobre un botón, posteriormente haremos que con sólo tocar la pantalla, desaparezca.

Como la idea es una pizarra donde puedan escribir ofertas, vamos a bajarnos esta fuente que se parece a la escritura con una tiza, y en nuestro proyecto, añadimos la carpeta sino la tenemos : assets/fonts.

Ahora nuestra fuente la insertamos en esa carpeta y añadimos esta imágen al proyecto, descargàndola y añadiendola a la carpeta res/drawable.

Bien, ahora esa imágen la vamos a usar creando un nuevo recurso.xml que quedaría de esta manera :

PIZARRA.XML

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/RelativeLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/transparent"
    android:orientation="vertical"
     >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:background="@drawable/pizarra"
        android:orientation="vertical" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="35dp"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Oferta"
                android:textAppearance="?android:attr/textAppearanceLarge"
                android:textColor="@android:color/white"
                android:textSize="30sp" />

        </LinearLayout>

    </LinearLayout>

</RelativeLayout>

Como veis, vamos ajustando los layouts con márgenes para una mejor apariencia,y ya hemos echo uso de nuestro recurso con la imagen poniéndolo como background de un layout, vamos a ver como queda el main :

MAIN

@Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  requestWindowFeature(Window.FEATURE_NO_TITLE);
  //aqui se pone antes porque sino da error
  setContentView(R.layout.activity_main);
  context=this;
  instanciarElementos();
  altas();
  listado=listaTotal();
  layout = (ViewGroup) findViewById(R.id.layoutPrncipalMain); 
  
  
  
  sansation = Typeface.createFromAsset(getAssets(),"fonts/Sansation_Bold.ttf");
  
  
  
  bPruebas=(Button) findViewById(R.id.bofertaPrueba);
  bPruebas.setOnClickListener(new OnClickListener(){
   @Override
   public void onClick(View v) { 
    seEstaMostrando=1;   
    addOferta();
   }
   
  });

 }

    private void addOferta()
    {
        LayoutInflater inflater = LayoutInflater.from(this);
        //RECOJEMOS ID DEL CONTENEDOR
        int id = R.layout.pizarra;
        //FUENTE Y TEXTO
        TextView Oferta;
     Typeface TIZA;
     
     TIZA = Typeface.createFromAsset(getAssets(),"fonts/Rudiment.ttf");
        RelativeLayout relativeLayout = (RelativeLayout) inflater.inflate(id, null, false);
        //AÑADIMOS VISTA
        layout.addView(relativeLayout);  
        
        
  Oferta=(TextView) findViewById(R.id.offfert);
  Oferta.setText("THEBESTANDROIDE.BLOGSPOT.COM, THEBESTANDROIDE.BLOGSPOT.COM, THEBESTANDROIDE.BLOGSPOT.COM, THEBESTANDROIDE.BLOGSPOT.COM, THEBESTANDROIDE.BLOGSPOT.COM");
  Oferta.setTypeface(TIZA);
         
    }

Ahora al pulsar el botón, esta vista aparecerá y ya de ahí no se moverá :

Bien ahora le vamos a añadir el gesto para que al tocar la pantalla se quite, consiguiendo un efecto de ventana de quita y pon.

ahora hacemos que la clase herede de

implements OnGesturePerformedListener

Para poder insertar estos métodos, que uno nos le imponen y otro le necesitamos, y ya está completado, sólo queda jugar con la variable seEstaMostrando para cuando queramos mostrarlo u ocultarlo :

 @Override
 public void onGesturePerformed(GestureOverlayView overlay, Gesture gesture) {
  
 }
 
    @Override
 public boolean onTouchEvent(MotionEvent event) {
  // TODO Auto-generated method stub
  if (seEstaMostrando==1){
  System.out.println("TOCO TOCO TOCOOOOOOO");
   VistaOferta.setVisibility(View.GONE);
   seEstaMostrando=0;
  }
  return super.onTouchEvent(event);
 }

Aplicacion android con orientacion vetical (portrait) solo

noreply@blogger.com (David) — Mon, 01 Dec 2014 00:30:00 +0000

Blog >Lista Soluciones > Orientación sólo vertical (Portrait)

Vamos a configurar nuestra aplicación android para que se ejecute sólo con orientación vertical o portrait.

Esto se hace de una forma muy sencilla, vamos a nuestro AndroidManifiest.xml y añadimos esta línea:

<?xml version="1.0" encoding="utf-8"?>

<manifest>

    <application>

        <activity android:name="mi.paquete.MiActivity"

                  android:screenOrientation="portrait" />

    </application>

</manifest>

Pero oJoOoOo !! También se puede hacer desde la clase java de la actividad, en el onCreate :

setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);

Y ya está, esta función podemos implementarla también si queremos en alguna ocasión manejar algo en el cambio de orientación :

@Override
public void onConfigurationChanged(Configuration newConfig) {
    super.onConfigurationChanged(newConfig);
 
    // Checks the orientation of the screen
    if (newConfig.orientation == Configuration.ORIENTATION_LANDSCAPE) {
        Toast.makeText(this, "landscape", Toast.LENGTH_SHORT).show();
    } else if (newConfig.orientation == Configuration.ORIENTATION_PORTRAIT){
        Toast.makeText(this, "portrait", Toast.LENGTH_SHORT).show();
    }
}

Más info, en el sitio oficial aquí.

Mi aplicación Android con Twitter : Escribir un tweet

noreply@blogger.com (David) — Fri, 07 Nov 2014 16:44:00 +0000

Blog >Comunicación con servidor > Enviar Tweet desde aplicación Android

Continuamos con el apartado Mi aplicación Android con Twitter, vamos a ver como generar un Tweet desde nuestra aplicación.

Mandar un tweet desde nuestra aplicación Android

El proyecto que os expongo tiene las librerías y las clases necesarias para poder mandar un tweet sin Twitter instalado en el dispositivo, es decir desde esta aplicación se verifica la aplicación que previamente se ha instalado en twitter y que se comenta en este post.

La función de esta aplicación va permitirnos conectarnos realizar una conexión http a twitter mandando las claves que previamente teníamos en la cabecera de la petición.

1. Instalar librerías y permiso a la app de internet

Tendremos que darle a la aplicación permisos para que pueda conectarse a Internet.
Nos va a hacer falta usar varias librerias, unas que tienen que ver con el framework de twitter, otras para la autentificación y otra para la conexión http :

O también os he preparado un rar con todas ellas juntas que podreis encontrar aquí.

2. Creación de interfad, inicio sesión configuración clases y conexión a Twitter

Creamos un proyecto nuevo, y vamos a darle la interfaz de usuario, pero antes agregamos estos recursos :

Carpeta values...
colores.xml :

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <color name="negro" >#000000</color>
   <color name="blanco">#ffffff</color>
   <color name="colorTweet">#908686</color>
    <color name="colorFace">#3b5997</color>
   <color name="colorTwitter">#1ab2e8</color>
   <color name="RojoError">#e81a29</color>

</resources>

Carpeta drawable...
botontwitter : Apariencia del botón al enviar tweets

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_pressed="true">
        <shape>
        
        <solid android:color="@android:color/white"/>
        
        <corners android:radius="12dp"/>
        
            <padding android:left="10dp"
            android:right="10dp"
            android:top="10dp"
            android:bottom="10dp"/>
        </shape>
    </item>

twitter_check : recurso xml que cambia de forma automática la imagen del checkbox

<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:state_checked="true"
        android:state_window_focused="true"
         android:state_enabled="true"
         android:drawable="@drawable/twitter_cnn" />

    <item
        android:state_checked="false"
        android:state_window_focused="true"
         android:state_enabled="true"
         android:drawable="@drawable/twitter_desc" />
</selector>

Este ultimo recurso usa 2 imágenes que hay que arrastrar al proyecto, así que cada uno se lo personalice como quiera,y una vez tenemos esto, vamos con el activity_main.xml :

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/TWITTTEAR"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

   <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

       <CheckBox
           android:id="@+id/twitterCheckConnection"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_marginLeft="5dp"
           android:text="Conectado" />

            <CheckBox
                android:id="@+id/twitterCheck"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:clickable="true"
                android:focusable="true"
                android:text="Conectado usuario"
                android:textColor="@color/colorTwitter"
                android:textSize="14sp" />

    </LinearLayout>

   <LinearLayout
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:layout_alignParentBottom="true"
       android:layout_alignParentLeft="true"
       android:orientation="vertical" >

       <EditText
           android:id="@+id/tweet"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:maxLines="3"
           android:textColor="@color/colorTweet" >

           <requestFocus />
       </EditText>

       <LinearLayout
           android:layout_width="fill_parent"
           android:layout_height="wrap_content"
           android:layout_marginTop="10dp" >

           <TextView
               android:id="@+id/contarCaracteresTwitter"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:layout_gravity="center_vertical"
               android:layout_marginBottom="10dp"
               android:layout_marginLeft="20dp"
               android:text="0"
               android:textColor="@color/colorTwitter"
               android:textSize="20sp" />

           <LinearLayout
               android:layout_width="fill_parent"
               android:layout_height="wrap_content"
               android:orientation="vertical" >

               <Button
                   android:id="@+id/enviarTweet"
                   style="?android:attr/buttonStyleSmall"
                   android:layout_width="wrap_content"
                   android:layout_height="wrap_content"
                   android:layout_gravity="right"
                   android:layout_marginBottom="5dp"
                   android:layout_marginRight="10dp"
                   android:background="@drawable/botontwitter"
                   android:text="Enviar"
                   android:textColor="@color/blanco" />

           </LinearLayout>

       </LinearLayout>
   </LinearLayout>

   <LinearLayout
       android:layout_width="fill_parent"
       android:layout_height="280dp"
       android:layout_alignParentLeft="false"
       android:layout_alignParentTop="false"
       android:layout_centerHorizontal="true"
       android:layout_centerVertical="true"
       android:orientation="vertical" >

       <ListView
           android:id="@+id/listView1"
           android:layout_width="match_parent"
           android:layout_height="wrap_content" >
       </ListView>
   </LinearLayout>

</RelativeLayout>

Y este es nuestro main de momento :

public class MainActivity extends Activity {
 //CLAVES
 private static final String twitter_consumer_key = "AQUI TU CONSUMER_KEY";
 private static final String twitter_secret_key = "AQUI TU TWITTER_SECRET_KEY";

 //Elementos
 private CheckBox connectionCheck;
 private CheckBox userCheck;
 private ListView lista;
 private Button BotonEnviarTweet;
 private EditText tweet;
 private TextView Ncaracteres;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //INSTANCIAMOS ELEMENTOS
        instanciarElementos();
         //INICIAMOS VARIABLES
       mTwitter = new TwitterApp(this, twitter_consumer_key,twitter_secret_key);
       mTwitter.setListener(mTwLoginDialogListener);
        //BOTON PARA ENVIAR TWEETS
        BotonEnviarTweet.setOnClickListener(new OnClickListener(){
   @Override
   public void onClick(View v) {
    // TODO Auto-generated method stub
    
   }
        });
        //CHECKBOX CONECTAR
        registerCheck.setOnClickListener(new OnClickListener() {
   @Override
   public void onClick(View v) {

   }
  });
        //CHECKBOX USER
        connectionCheck.setOnClickListener(new OnClickListener() {
   @Override
   public void onClick(View v) {

   }
  });
              
    }
   public void instanciarElementos(){
     //Elementos
     registerCheck = (CheckBox) findViewById(R.id.twitterCheckConnection);
     connectionCheck = (CheckBox) findViewById(R.id.twitterCheck);
     lista  =  (ListView) findViewById(R.id.listViewTweets);
     BotonEnviarTweet = (Button) findViewById(R.id.enviarTweet);
     tweet =  (EditText) findViewById(R.id.tweet);
     Ncaracteres =(TextView) findViewById(R.id.contarCaracteresTwitter);
    }
}

Seguimos con otra clase : TwitterSession.
Esta clase contiene los datos de registro en twitter, como la gestión de las preferencias para guardar los datos para identificarte en Twitter.

public class TwitterSession {
 private SharedPreferences sharedPref;
 private Editor editor;
 
 private static final String TWEET_AUTH_KEY = "auth_key";
 private static final String TWEET_AUTH_SECRET_KEY = "auth_secret_key";
 private static final String TWEET_USER_NAME = "user_name";
 private static final String SHARED = "Twitter_Preferences";
 
 public TwitterSession(Context context) {
  sharedPref= context.getSharedPreferences(SHARED, Context.MODE_PRIVATE);
  editor= sharedPref.edit();
 }
 
 public void storeAccessToken(AccessToken accessToken, String username) {
  editor.putString(TWEET_AUTH_KEY, accessToken.getToken());
  editor.putString(TWEET_AUTH_SECRET_KEY, accessToken.getTokenSecret());
  editor.putString(TWEET_USER_NAME, username);
  
  editor.commit();
 }
 
 public void resetAccessToken() {
  editor.putString(TWEET_AUTH_KEY, null);
  editor.putString(TWEET_AUTH_SECRET_KEY, null);
  editor.putString(TWEET_USER_NAME, null);
  
  editor.commit();
 }
 
 public String getUsername() {
  return sharedPref.getString(TWEET_USER_NAME, "");
 }
 
 public AccessToken getAccessToken() {
  String token   = sharedPref.getString(TWEET_AUTH_KEY, null);
  String tokenSecret  = sharedPref.getString(TWEET_AUTH_SECRET_KEY, null);
  
  if (token != null && tokenSecret != null) 
   return new AccessToken(token, tokenSecret);
  else
   return null;
 }
}

Ahora vamos a insertar una nueva clase : TwitterApp.
En ella vemos como se gestiona la llamada http, el registro mediante la cabecera en Twitter y la recogida de la respuesta.

//CLASE CON LOS PARAMETROS PARA CONECTAR EN TWITTER
public class TwitterApp {
 
 private Twitter mTwitter;
 private TwitterSession mSession;
 private AccessToken mAccessToken;
 private CommonsHttpOAuthConsumer mHttpOauthConsumer;
 private OAuthProvider mHttpOauthprovider;
 private String mConsumerKey;
 private String mSecretKey;
 private ProgressDialog mProgressDlg;
 private TwDialogListener mListener;
 private Context context;
 private boolean mInit = true;
 
 public static final String CALLBACK_URL = "twitterapp://connect";
 private static final String TAG = "TwitterApp";
 
 //CONSTRUCTOR
 public TwitterApp(Context context, String consumerKey, String secretKey) {
  this.context= context;
  
  //INSTANCIA TWITTER
  mTwitter = new TwitterFactory().getInstance();
  mSession= new TwitterSession(context);
  mProgressDlg= new ProgressDialog(context);
  
  mProgressDlg.requestWindowFeature(Window.FEATURE_NO_TITLE);
  
  //DATOS ACCESO TWITTER
  setmConsumerKey(consumerKey);
  setmSecretKey(secretKey);
  //REALIZAMOS LA CONEXION CON RESPUESTA
  mHttpOauthConsumer = new CommonsHttpOAuthConsumer(getmConsumerKey(), getmSecretKey());
  mHttpOauthprovider = new DefaultOAuthProvider("https://api.twitter.com/oauth/request_token ",
              "https://api.twitter.com/oauth/access_token",
              "https://api.twitter.com/oauth/authorize");
  
  mAccessToken= mSession.getAccessToken();
  
  configureToken();
 }
 //DEVUELVE EL LISTENER PARA EL ALERTDIALOG
 public void setListener(TwDialogListener listener) {
  mListener = listener;
 }
 
 //funcion para iniciar sesion la primera vez
 private void configureToken() {
  if (mAccessToken != null) {
   if (mInit) {
    mTwitter.setOAuthConsumer(getmConsumerKey(), getmSecretKey());
    mInit = false;
   }
   mTwitter.setOAuthAccessToken(mAccessToken);
  }
 }
 
 public boolean estasConectado() {
  if(mAccessToken == null){
   return false;
  }
   return true;
 }
 
 public void resetAccessToken() {
  if (mAccessToken != null) {
   mSession.resetAccessToken();
  
   mAccessToken = null;
  }
 }
 
 public String getUsername() {
  return mSession.getUsername();
 }
 
 public void updateStatus(String status) throws Exception {
  try {
   mTwitter.updateStatus(status);
  } catch (TwitterException e) {
   throw e;
  }
 }
 
 public void authorize() {
  mProgressDlg.setMessage("Initializing ...");
  mProgressDlg.show();
  //NUEVO HILO CON EL ALERT PARA QUE SE ABRA LA VENTANA
  new Thread() {
   @Override
   public void run() {
    String authUrl = "";
    int what = 1;
    
    try {
     //hacemos la llamada al navegador
     authUrl = mHttpOauthprovider.retrieveRequestToken(mHttpOauthConsumer, CALLBACK_URL); 
     what = 0;
     Log.d(TAG, "Request token url " + authUrl);
    } catch (Exception e) {
     //EL PROCESO HA FALLADO
     Log.d(TAG, "Failed to get request token");
     e.printStackTrace();
    }
    
    mHandler.sendMessage(mHandler.obtainMessage(what, 1, 0, authUrl));
   }
  }.start();
 }
 //
 public void processToken(String callbackUrl)  {
  mProgressDlg.setMessage("Finalizing ...");
  mProgressDlg.show();
  
  final String verifier = getVerifier(callbackUrl);

  new Thread() {
   @Override
   public void run() {
    int what = 1;
    
    try {
     mHttpOauthprovider.retrieveAccessToken(mHttpOauthConsumer, verifier);
     mAccessToken = new AccessToken(mHttpOauthConsumer.getToken(), mHttpOauthConsumer.getTokenSecret());
     Log.d(TAG, "Token: " + mAccessToken.getToken());
     configureToken();
     User user = mTwitter.verifyCredentials();
           mSession.storeAccessToken(mAccessToken, user.getName());
           what = 0;
    } catch (Exception e){
     Log.d(TAG, "Error getting access token");
     e.printStackTrace();
    }
    
    mHandler.sendMessage(mHandler.obtainMessage(what, 2, 0));
   }
  }.start();
 }
 //RECOJEMOS LA RESPUESTA
 @SuppressWarnings("deprecation")
 private String getVerifier(String callbackUrl) {
  String verifier  = "";
  
  try {
   callbackUrl = callbackUrl.replace("twitterapp", "http");
   
   URL url   = new URL(callbackUrl);
   String query  = url.getQuery();
  
   String array[] = query.split("&");

   for (String parameter : array) {
              String v[] = parameter.split("=");
              
              if (URLDecoder.decode(v[0]).equals(oauth.signpost.OAuth.OAUTH_VERIFIER)) {
               verifier = URLDecoder.decode(v[1]);
               break;
              }
         }
  } catch (MalformedURLException e) {
   e.printStackTrace();
  }
  
  return verifier;
 }
 
 private void showLoginDialog(String url) {
  final TwDialogListener listener = new TwDialogListener() {
   @Override
   public void onComplete(String value) {
    processToken(value);
   }
   
   @Override
   public void onError(String value) {
    mListener.onError("Failed opening authorization page");
   }
  };
  
  new TwitterDialog(context, url, listener).show();
 }
 
 public String getmConsumerKey() {
  return mConsumerKey;
 }
 public void setmConsumerKey(String mConsumerKey) {
  this.mConsumerKey = mConsumerKey;
 }

 public String getmSecretKey() {
  return mSecretKey;
 }
 public void setmSecretKey(String mSecretKey) {
  this.mSecretKey = mSecretKey;
 }

 private Handler mHandler = new Handler() {
  @Override
  public void handleMessage(Message msg) {
   mProgressDlg.dismiss();
   
   if (msg.what == 1) {
    if (msg.arg1 == 1)
     mListener.onError("Error getting request token");
    else
     mListener.onError("Error getting access token");
   } else {
    if (msg.arg1 == 1)
     showLoginDialog((String) msg.obj);
    else
     mListener.onComplete("");
   }
  }
 };
 
 public interface TwDialogListener {
  public void onComplete(String value);  
  
  public void onError(String value);
 }
}

Esta clase también usa una interfad como listener, esto es para que cuando esté abierto el WebView dentro del dialog, podamos interactuar con ella posteriormente de forma automática vuelve el foco a la activity.

La clase TwitterDialog, que usa un alertDialog y se introduce un webView dentro, personaliza la cabecera del dialog y usa de apoyo una clase que hereda de WebViewClient, que es la que nos vale para interactuar con el webView que hay dentro del dialog.

public class TwitterDialog extends Dialog {
    static final FrameLayout.LayoutParams FILL = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                               ViewGroup.LayoutParams.MATCH_PARENT);
    static final int MARGIN = 4;
    static final int PADDING = 2;

    private String mUrl;
    private TwDialogListener mListener;
    private ProgressDialog mDialog;
    private WebView mWebView;
    private LinearLayout mContent;
    private TextView mTitulo;

    private static final String TAG = "Twitter-WebView";
    
    public TwitterDialog(Context context, String url, TwDialogListener listener) {
        super(context);
        
        mUrl= url;
        mListener=listener;
    }

 @SuppressWarnings("deprecation")
 @Override
 //ESTA CLASE CARGA UN WEBVIEW EN UN DIALOG
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        mDialog = new ProgressDialog(getContext());
        mDialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
        mDialog.setMessage("Cargando...");
        mContent = new LinearLayout(getContext());
        mContent.setOrientation(LinearLayout.VERTICAL);
        setUpTitle();
        setUpWebView();
        
        Display display = getWindow().getWindowManager().getDefaultDisplay();
  Point outSize= new Point();
  
  int width= 0;
  int height= 0;
  
  double[] dimensions = new double[2];
          
  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB_MR2) {
   display.getSize(outSize);
   
   width = outSize.x;
   height = outSize.y;
  } else {
   width = display.getWidth();
   height = display.getHeight();
  }
  
  if (width < height) {
   dimensions[0] = 0.87 * width;
         dimensions[1] = 0.82 * height;
  } else {
   dimensions[0] = 0.75 * width;
   dimensions[1] = 0.75 * height;         
  }
        
        addContentView(mContent, new FrameLayout.LayoutParams((int) dimensions[0], (int) dimensions[1]));
    }
 //QUITA EL TITULO DEL DIALOG Y CONFIGURA UN TEXTVIEW 
 //QUE APARECERÁ COMO TÍTULO
    private void setUpTitle() {
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        
        Drawable icon = getContext().getResources().getDrawable(R.drawable.twitter_desc);
        
        mTitulo = new TextView(getContext());
        
        mTitulo.setText("Twitter");
        mTitulo.setTextColor(Color.WHITE);
        mTitulo.setTypeface(Typeface.DEFAULT_BOLD);
        mTitulo.setBackgroundColor(0xFFbbd7e9);
        mTitulo.setPadding(MARGIN + PADDING, MARGIN, MARGIN, MARGIN);
        mTitulo.setCompoundDrawablePadding(MARGIN + PADDING);
        mTitulo.setCompoundDrawablesWithIntrinsicBounds(icon, null, null, null);
        
        mContent.addView(mTitulo);
    }

    @SuppressLint("SetJavaScriptEnabled")
 private void setUpWebView() {
     CookieSyncManager.createInstance(getContext()); 
        CookieManager cookieManager = CookieManager.getInstance();
        cookieManager.removeAllCookie();
        
        mWebView = new WebView(getContext());
        
        mWebView.setVerticalScrollBarEnabled(false);
        mWebView.setHorizontalScrollBarEnabled(false);
        mWebView.setWebViewClient(new TwitterWebViewClient());
        mWebView.getSettings().setJavaScriptEnabled(true);
        mWebView.loadUrl(mUrl);
        mWebView.setLayoutParams(FILL);
        
        mContent.addView(mWebView);
    }

    //CLASE QUE HEREDA DE WEBVIEWCLIENT Y LLEVA LA GESTION DE LA WEBVIEW SW CREDENCIALES
    private class TwitterWebViewClient extends WebViewClient {
     //METODO PARA CARGAR LA WEB
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
         Log.d(TAG, "Redirecting URL " + url);
         
         if (url.startsWith(TwitterApp.CALLBACK_URL)) {
          mListener.onComplete(url);
          
          TwitterDialog.this.dismiss();
          
          return true;
         }  else if (url.startsWith("authorize")) {
          return false;
         }
            return true;
        }
        //SI LA PAGINA DA ERROR
        @Override
        public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
         Log.d(TAG, "Page error: " + description);
            super.onReceivedError(view, errorCode, description, failingUrl);
            mListener.onError(description);
            TwitterDialog.this.dismiss();
        }

        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            Log.d(TAG, "Loading URL: " + url);
            super.onPageStarted(view, url, favicon);
            mDialog.show();
        }

        @Override
        public void onPageFinished(WebView view, String url) {
            super.onPageFinished(view, url);
            String title = mWebView.getTitle();
            if (title != null && title.length() > 0) {
                mTitulo.setText(title);
            }
            mDialog.dismiss();
        }

    }
}

Y ahora implementamos en el main 2 funciones, que dependiendo si se está registrado o no, saca el dialog con el webview para insertar las credenciales, o por otro lado si se está registrado, se prepara para enviar el tweet.

     private void onTwitterClick() {
  //SI YA ESTAS CONECTADO A TWITTER
  if (mTwitter.estasConectado()) {
   final AlertDialog.Builder builder = new AlertDialog.Builder(this);
   //MESAJE CON LA CONFIRMACION DE LA DESCONEXION
   builder.setMessage("Delete current Twitter connection?")
          .setCancelable(false)
          .setPositiveButton("Yes", new DialogInterface.OnClickListener() {
              @SuppressLint("ResourceAsColor") 
              public void onClick(DialogInterface dialog, int id) {
               mTwitter.resetAccessToken();
               
               //ACTUALIZAMOS CHECKBOX
               registerCheck.setChecked(false);
               registerCheck.setText(" Not connected ");
               registerCheck.setTextColor(R.color.colorTweet);
              }
          })
          //EN EL CASO DE QUE SE PULSE NO, VOLVEMOS A LA PRIMERA PANTALLA
          .setNegativeButton("No", new DialogInterface.OnClickListener() {
              public void onClick(DialogInterface dialog, int id) {
                   dialog.cancel();
                   registerCheck.setChecked(true);
              }
          });
   final AlertDialog alert = builder.create();
   
   alert.show();
   //SINO ESTAS CONECTADO MANDAMOS A AUTHORIZE, DONDE APARECE
   //PARA ENVIAR LAS CREDENCIALES DE AUTENTIFICACION
  } else {
   registerCheck.setChecked(false);
   //Cargamos loading... mas credenciales de twitter
   mTwitter.authorize();
  }
 }

 @SuppressLint("ResourceAsColor") 
 private final TwDialogListener mTwLoginDialogListener = new TwDialogListener() {
  @Override
  public void onComplete(String value) {
   //YA CONECTADO PIDE EL NOMBRE A LA RESPUESTA HTTP
   String username = mTwitter.getUsername();
   username= (username.equals("")) ? "No Name" : username;
   
   registerCheck.setText("  Conectado (" + username + ")");
   registerCheck.setChecked(true);
   registerCheck.setTextColor(R.color.colorTweet);
   Toast.makeText(MainActivity.this, "Connected to Twitter as " + username, Toast.LENGTH_LONG).show();
   //startActivity(new Intent(MainActivity.this, TestPost.class));
  }
  
  @Override
  public void onError(String value) {
   
   registerCheck.setChecked(false);
   Toast.makeText(MainActivity.this, "Twitter connection failed", Toast.LENGTH_LONG).show();
  }
 };
///////Y AHORA DENTRO DEL ONCLICK DEL CHECKBOX, LLAMAR A LA FUNCION  
onTwitterClick();

Con esto debería funcionar, según se ejecuta el main, pulsamos sobre el checkbox y como resultado nos dará un dialog en el que se ha incrustado el webView, y un par de dialogs mas,además de haber personalizado la cabecera, ahí es donde tenemos que introducir nuestras credenciales.

Y si no hay problemas de conexión, este es el resultado :

Bien, lo bueno de que se manejen preferencias, es que ahora si nos salimos de la aplicación y volvemos a entrar, abrá que repetir todo el proceso de autentificación, aunque los datos personales de la cuenta ya están almacenados, entonces hay que optimizar eso, aprobechando el hilo del onCreate después de las instancias al botón y los checkbox, ponemos una condición :

 //SI HAY CONEXION SE PULSA EL CHECKBOX
  if (mTwitter.estasConectado()) {
   registerCheck.setChecked(true);
   
   String username = mTwitter.getUsername();
   username= (username.equals("")) ? "Unknown" : username;
   //Se actualiza el estado con el nombre
   registerCheck.setText("  Twitter (" + username + ")");
   registerCheck.setTextColor(Color.WHITE);
   
  }else{
   onTwitterClick();
  }

Así, si ejecutas el proyecto otra vez, saltas el paso de las credenciales y se autentifica automáticamente

Sólo si están guardadas con anterioridad. Por supuesto como en el propio twitter, al quitar el check, te va a preguntar si quieres desconectar, que a efectos prácticos es como el cerrar sesión del twitter normal, se borran las preferencias y listo.

Como hemos tocado el código varias veces de la actividad principal, lo pongo entero para que no haya lugar a dudas :

public class MainActivity extends  Activity {
 private TwitterApp mTwitter;
 private CheckBox mTwitterBtn;

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

  //INICIAMOS VARIABLES
  mTwitter = new TwitterApp(this, twitter_consumer_key,twitter_secret_key);
  mTwitter.setListener(mTwLoginDialogListener);
  //Checkbox para conectar A TWITTER
  mTwitterBtn = (CheckBox) findViewById(R.id.twitterCheck);
  mTwitterBtn.setOnClickListener(new OnClickListener() {
   @Override
   public void onClick(View v) {
    onTwitterClick();
   }
  });
  //AÑADI LAS LINEAS A UNA FUNCIÓN  
  ConectarPorDefecto()
  
  Button goBtn = (Button) findViewById(R.id.button1);
  goBtn.setOnClickListener(new OnClickListener() {
   @Override
   public void onClick(View v) {
    startActivity(new Intent(MainActivity.this, TestPost.class));
   }
  });
 }
     private void ConectarPorDefecto(){
     //SI HAY CONEXION SE PULSA EL CHECKBOX
  if (mTwitter.estasConectado()) {
   registerCheck.setChecked(true);
   
   String username = mTwitter.getUsername();
   username= (username.equals("")) ? "Unknown" : username;
   //Se actualiza el estado con el nombre
   registerCheck.setText("  Twitter (" + username + ")");
   registerCheck.setTextColor(Color.WHITE);
   
  }else{
   onTwitterClick();
  }
    }
 
 
 
 private void onTwitterClick() {
  //SI YA ESTAS CONECTADO A TWITTER
  if (mTwitter.estasConectado()) {
   final AlertDialog.Builder builder = new AlertDialog.Builder(this);
   //MESAJE CON LA CONFIRMACION DE LA DESCONEXION
   builder.setMessage("Delete current Twitter connection?")
          .setCancelable(false)
          .setPositiveButton("Yes", new DialogInterface.OnClickListener() {
              @SuppressLint("ResourceAsColor") 
              public void onClick(DialogInterface dialog, int id) {
               mTwitter.resetAccessToken();
               
               //ACTUALIZAMOS CHECKBOX
               mTwitterBtn.setChecked(false);
               mTwitterBtn.setText(" Not connected ");
               mTwitterBtn.setTextColor(R.color.colorTweet);
              }
          })
          //EN EL CASO DE QUE SE PULSE NO, VOLVEMOS A LA PRIMERA PANTALLA
          .setNegativeButton("No", new DialogInterface.OnClickListener() {
              public void onClick(DialogInterface dialog, int id) {
                   dialog.cancel();
                   
                   mTwitterBtn.setChecked(true);
              }
          });
   final AlertDialog alert = builder.create();
   
   alert.show();
   //SINO ESTAS CONECTADO MANDAMOS A AUTHORIZE, DONDE APARECE
   //PARA ENVIAR LAS CREDENCIALES DE AUTENTIFICACION
  } else {
   mTwitterBtn.setChecked(false);
   //Cargamos loading... mas credenciales de twitter
   mTwitter.authorize();
  }
 }

 private final TwDialogListener mTwLoginDialogListener = new TwDialogListener() {
  @Override
  public void onComplete(String value) {
   String username = mTwitter.getUsername();
   username  = (username.equals("")) ? "No Name" : username;
  
   mTwitterBtn.setText("  Conectado como  (" + username + ")");
   mTwitterBtn.setChecked(true);
   mTwitterBtn.setTextColor(Color.WHITE);
   Toast.makeText(MainActivity.this, "Connected to Twitter as " + username, Toast.LENGTH_LONG).show();
   startActivity(new Intent(MainActivity.this, TestPost.class));
  }
  
  @Override
  public void onError(String value) {
   mTwitterBtn.setChecked(false);
   
   Toast.makeText(MainActivity.this, "Twitter connection failed", Toast.LENGTH_LONG).show();
  }
 };
}

3. Validar nuestro Tweet a enviar

Vamos ya a lo que es, escribir el tweet. Tenemos que meter una etiqueta en el inputText para asegurarnos que si se quiere twittear, siempre se marque la etiqueta, y por otra parte en nuestro TextView, el que tiene la funcionalidad de contar los caracteres, para validar el tweet, ya que no puede estar a 0 o pasarse de 140 caracteres en total.

El conteo de los caracteres es regresivo, es decir, no empieza en 0, sino en 140 y se va restando el numero de caracteres que cuando sea inferior a 0, tomará un color rojo. En nuestro onCreate, al final del todo :
Y en el onclick del botón azul de enviartweet :

 tweet.addTextChangedListener(new TextWatcher() {
   int caracteres=0;
   @SuppressLint("ResourceAsColor") @Override
   public void onTextChanged(CharSequence s, int start, int before, int count) {
    caracteres=140-(tweet.getText().length() );
    Ncaracteres.setText(String.valueOf(caracteres));
    if(caracteres < 0){
    Ncaracteres.setTextColor(Ncaracteres.getContext().getResources().getColor(R.color.RojoError));
    }else{         Ncaracteres.setTextColor(Ncaracteres.getContext().getResources().getColor(R.color.colorTwitter));   
    }
   }
   @Override
   public void beforeTextChanged(CharSequence s, int start, int count,
     int after) {
    // TODO Auto-generated method stub
   }
   @Override
   public void afterTextChanged(Editable s) {
    // TODO Auto-generated method stub 
   }
  });

Añadimos en nuestra función instanciarElementos :

     // YA METO TEXTO EN EL INPUTTEXT
        tweet.setText(" #thebestandroide");
        //APAREZCA EL NUMERO CARACTERES POR DEFECTO
        Ncaracteres.setText(String.valueOf(140-(tweet.getText().length()) ) );

Y en el onclick del botón azul de enviartweet :

    if(validarTweet(String.valueOf(tweet.getText()))){
     Toast.makeText(MainActivity.this, "Hasta dentro!",Toast.LENGTH_SHORT).show();
    }else{
     Toast.makeText(MainActivity.this, "Tweet incorrecto",Toast.LENGTH_SHORT).show();
     }

Si quereis ver más claro el tema de contar caracteres de un EditText, podeis verlo en este antiguo post.

4. Posteando un tweet

Ya sólo nos queda conectarnos y enviar el tweet, ya que aunque tengamos la session abierta, hace falta conectar con Twitter para enviar el Tweet. Está misión la lleva a cabo el método authorize() de la clase TwitterApp.

Ya que esta todo dispuesto, he cambiado uno de los checkbox por un textview porque así es más sencillo, pongo la clase main entera para que no haya lugar a dudas :

public class MainActivity extends Activity {
 //CLAVES
 private static final String twitter_consumer_key = "tu_consumer_key";
 private static final String twitter_secret_key = "tu__secret_key";

 //Elementos
 private CheckBox registerCheck;
 private ListView lista;
 private Button BotonEnviarTweet;
 private EditText tweet;
 private TextView Ncaracteres;
 private TextView Conectado;
 
 //VARIABLES 
 private TwitterApp mTwitter;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //INSTANCIAMOS ELEMENTOS
        instanciarElementos();
      //INICIAMOS VARIABLES
       mTwitter = new TwitterApp(this, twitter_consumer_key,twitter_secret_key);
       mTwitter.setListener(mTwLoginDialogListener);
       
       
        //BOTON PARA ENVIAR TWEETS
        BotonEnviarTweet.setOnClickListener(new OnClickListener(){
   @Override
   public void onClick(View v) {
    // TODO Auto-generated method stub
    if(validarTweet(String.valueOf(tweet.getText()))){
     if (mTwitter.estasConectado()){
      Twittear(String.valueOf(tweet.getText()));
     }else{
      mTwitter.authorize();
      Conectado.setText(" Conectando...");
      Toast.makeText(MainActivity.this, "Estamos conectando, por favor reenvie!",Toast.LENGTH_SHORT).show();
      
     }
    
    }else{
     Toast.makeText(MainActivity.this, "Tweet incorrecto",Toast.LENGTH_SHORT).show();
     }
   }
        });
        //CHECKBOX CONECTAR
        registerCheck.setOnClickListener(new OnClickListener() {
   @Override
   public void onClick(View v) {
    onTwitterClick();
   }
  });
        tweet.addTextChangedListener(new TextWatcher() {
   int caracteres=0;
   @SuppressLint("ResourceAsColor")
   @Override
   public void onTextChanged(CharSequence s, int start, int before, int count) {
    caracteres=140-(tweet.getText().length() );
    Ncaracteres.setText(String.valueOf(caracteres));
    if(caracteres < 0){
     Ncaracteres.setTextColor(Ncaracteres.getContext().getResources().getColor(R.color.RojoError));

    }else{
     Ncaracteres.setTextColor(Ncaracteres.getContext().getResources().getColor(R.color.colorTwitter));   
    }
   }
   @Override
   public void beforeTextChanged(CharSequence s, int start, int count,
     int after) {
    // TODO Auto-generated method stub
   }
   @Override
   public void afterTextChanged(Editable s) {
    // TODO Auto-generated method stub 
   }
  });
  //CONECTAMOS POR DEFECTO
        ConectarPorDefecto();
    }
   private boolean validarTweet(String tweet){
    if(tweet.length()>140){
     return false;
    }else if(tweet.compareTo("")==0){
     return false;
    }else{
     return true;
    }

   }
    private void ConectarPorDefecto(){
     //SI HAY CONEXION SE PULSA EL CHECKBOX
  if (mTwitter.estasConectado()) {
   registerCheck.setChecked(true);
   
   String username = mTwitter.getUsername();
   username= (username.equals("")) ? "Unknown" : username;
   //Se actualiza el estado con el nombre
   registerCheck.setText("  Twitter (" + username + ")");
   
   
  }else{
   onTwitterClick();
  }
    }
    //FUNCION QUE HACE UN HILO PARA CONECTAR CON TWITTER Y POSTEAR EL TWEET
 private void Twittear(final String review) {
  new Thread() {
   @Override
   public void run() {
    int what = 0;
    
    try {
     mTwitter.updateStatus(review);
    } catch (Exception e) {
     what = 1;
     Log.e("Error Tweet NO Enviado!! excepcion"+e, "FAIL");
    }
    mHandler.sendMessage(mHandler.obtainMessage(what));
   }
  }.start();
 }
 //HANDLER QUE RECOGE EL MENSAJE
 private Handler mHandler = new Handler() {
   @Override
   public void handleMessage(Message msg) {
    String text = (msg.what == 0) ? "Posted to Twitter" : "Post to Twitter failed";
    Toast.makeText(MainActivity.this, text, Toast.LENGTH_SHORT).show();
   }
  };
    //CONEXION A TWITTER
    private void onTwitterClick() {
  //SI YA ESTAS CONECTADO A TWITTER
  if (mTwitter.estasConectado()) {
   final AlertDialog.Builder builder = new AlertDialog.Builder(this);
   //MESAJE CON LA CONFIRMACION DE LA DESCONEXION
   builder.setMessage("Delete Twitter Session?")
          .setCancelable(false)
          .setPositiveButton("Yes", new DialogInterface.OnClickListener() {
              @SuppressLint("ResourceAsColor") 
              public void onClick(DialogInterface dialog, int id) {
               mTwitter.resetAccessToken();
               
               //ACTUALIZAMOS CHECKBOX
               registerCheck.setChecked(false);
               registerCheck.setText(" Not connected ");
               registerCheck.setTextColor(R.color.colorTweet);
              }
          })
          //EN EL CASO DE QUE SE PULSE NO, VOLVEMOS A LA PRIMERA PANTALLA
          .setNegativeButton("No", new DialogInterface.OnClickListener() {
              public void onClick(DialogInterface dialog, int id) {
                   dialog.cancel();
                   registerCheck.setChecked(true);
              }
          });
   final AlertDialog alert = builder.create();
   
   alert.show();
   //SINO ESTAS CONECTADO MANDAMOS A AUTHORIZE, DONDE APARECE
   //PARA ENVIAR LAS CREDENCIALES DE AUTENTIFICACION
  } else {
   registerCheck.setChecked(false);
   //Cargamos loading... mas credenciales de twitter
   mTwitter.authorize();
  }
 }

 @SuppressLint("ResourceAsColor") 
 private final TwDialogListener mTwLoginDialogListener = new TwDialogListener() {
  @Override
  public void onComplete(String value) {
   //YA CONECTADO PIDE EL NOMBRE A LA RESPUESTA HTTP
   String username = mTwitter.getUsername();
   username= (username.equals("")) ? "No Name" : username;
   
   Conectado.setText(" "+username);
   registerCheck.setText(" Conectado");
   registerCheck.setChecked(true);
   registerCheck.setTextColor(R.color.colorTweet);
   Toast.makeText(MainActivity.this, "Connected to Twitter as " + username, Toast.LENGTH_LONG).show();
   //startActivity(new Intent(MainActivity.this, TestPost.class));
  }
  
  @Override
  public void onError(String value) {
   
   registerCheck.setChecked(false);
   Toast.makeText(MainActivity.this, "Twitter connection failed", Toast.LENGTH_LONG).show();
  }
 };
 
 
    public void instanciarElementos(){
     //Elementos
     registerCheck = (CheckBox) findViewById(R.id.twitterCheckConnection);
     lista  =  (ListView) findViewById(R.id.listViewTweets);
     BotonEnviarTweet = (Button) findViewById(R.id.enviarTweet);
     tweet =  (EditText) findViewById(R.id.tweet);
     Ncaracteres =(TextView) findViewById(R.id.contarCaracteresTwitter);
     Conectado =(TextView) findViewById(R.id.conectado);
  Conectado.setText(" No user");
     // YA METO TEXTO EN EL INPUTTEXT
        tweet.setText(" @BestAndroide");
        //APAREZCA EL NUMERO CARACTERES POR DEFECTO
        Ncaracteres.setText(String.valueOf(140-(tweet.getText().length()) ) );
        
    }
}

Aquí vemos el resultado :

Para conectarte con las credenciales :

Para escribir un tweet :

Y si entramos de nuevo, no se nos demandará que ingresemos las credenciales si hemos dejado la session abierta, de lo contrario sí.

Podeis descargar el código fuente de thebestandroide con sólo compartir en facebook,twitter,linkedin o suscribirte a nuestro canal RSS más abajo.

Descargar archivo.

Mi aplicación Android con Twitter : Feed de twitter

noreply@blogger.com (David) — Wed, 05 Nov 2014 13:35:00 +0000

Blog >Comunicación con servidor > Feed de Tweets en Android

Continuamos con el post numero dos de la sección Mi Aplicación Android con Twiter , en este caso tenemos aquí un feed de twitt´s con la palabra que introduzcamos en nuestra aplicación.

Mi aplicación Android con twitter :
Feed de una etiqueta.

Twitter es uno de esos servicios, con diferentes APIs para acceder a los tweets y los distintos apartados de su plataforma. Vamos a capturar la entrada del usuario y crear el URL para su uso en una solicitud HTTP a la URL de búsqueda de Twitter :

Antes de seguir, he de decir que me ha costado bastante sacar este código, no todo es mío, he de agradecer la aportación de varios colegas en Gilthub, que no tenía mucha fé en esta plataforma pero resulta super útil.

El tratamiento es complicadillo y se requiere tiempo para estudiar el código, sino se tienen conocimientos avanzados de Java, será imposible tratar el código de manera correcta.También hay que decir que antes de estar liado con esto,hay que saber si se tienen las claves de autentificación en Twitter,
¿Cómo las conseguimos?
Aquí.

Voy a comentar brevemente la función de la aplicación :

Nosotros tenemos un EditText donde introduciremos la etiqueta que queremos buscar, y al darle al botón realizará las operaciones necesarias para poder conectarnos a Twitter con nuestras CUSTOM_KEY y SECRET_KEY, una vez autentificados, tendremos los privilegios necesarios para poder listar los tweets mediante un objeto JSON de una determinada etiqueta.

Antes de nada hay que descargarse bastantes librerías, importarlas al proyecto y parsearlas al mismo mediante Java Build Path (botón derecho sobre el proyecto, propiedades). Estas librerías son las que necesitamos para usar JSON y otras para interactuar con el framework de Twitter. Destaco que estoy en la version Android 5.

Las he comprimido en un .rar y las podeis descargar desde aquí.

DESCARGAR LIBRERIAS PARA JSON DESDE AQUI Y AQUI

También hay que dar permisos de Internet a la aplicación.

    <uses-permission android:name="android.permission.INTERNET"/>
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.tweetfeed.MainActivity" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/intro_txt"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="Twitter search term"
            android:textSize="20sp"
            android:textStyle="italic" />

        <EditText
            android:id="@+id/search_edit"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_margin="5dp"
            android:background="#ffff66"
            android:hint="Search..."
            android:inputType="text"
            android:padding="10dp" >

            <requestFocus />
        </EditText>

        <Button
            android:id="@+id/busqueda"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_margin="5dp"
            android:onClick="searchTwitter"
            android:text="Buscar" />

        <ListView
            android:id="@+id/list"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >
        </ListView>

    </LinearLayout>

</RelativeLayout>

Y de momento en el onCreate() hacemos referencia a los objetos como de costumbre :

 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  act = this;
  listalist = (ListView) findViewById(R.id.list);

      palabra = (EditText) findViewById(R.id.search_edit);
         buscar= (Button) findViewById(R.id.busqueda);
         buscar.setOnClickListener(new OnClickListener(){
    @Override
    public void onClick(View v) {

     TERMINO=palabra.getText().toString();
     LISTA = new ArrayList();
    }
         });
 }

Si ejecutamos el proyecto veremos que no ocurre nada, ya que ahora vamos a implementar una serie de clases necesarias para lograr nuestro objetivo : Un feed de tweets.

También agregamos otros recursos, como el item_twitter para la apariencia de cada tweet : En la carpeta drawable :

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    
    <solid android:color="#ffffff"/>
    
    <corners android:radius="10dp"/>
    
    <padding android:left="8dp"
        android:right="8dp"
        android:top="4dp"
        android:bottom="8dp"/>
    
    <stroke
        android:width="3dp"
        android:color="@color/colorTwitter"/>
</shape>

Y en la carpeta layout, la fila que insertaremos con datos distintos :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/cuadrotwitter"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/contenedorTwitter"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#ffffff" >

        <ImageView
            android:id="@+id/JSONAvatar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="5dp"
            android:src="@drawable/ic_launcher" />

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_margin="5dp"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/JSONusertwitter"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="User"
                android:textColor="@color/colorTwitter" />

            <TextView
                android:id="@+id/JSONTweet"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="tweet"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textColor="@color/colorTweet" />
        </LinearLayout>
    </LinearLayout>
</LinearLayout>

TwitterUser : Clase con parámetros identicos a los que nos dan, complementa a la siguiente clase Tweet, que toma también parámetros de twitter, lo que pasa que esta última se centra un poco más en parámetros del sistema, a diferencia con la anterior, que está definida para los parámetros de cada usuario.

public class TwitterUser {

 @SerializedName("screen_name")
 private String screenName;
 
 @SerializedName("name")
 private String name;
 
 @SerializedName("profile_image_url")
 private String profileImageUrl;

 public String getProfileImageUrl() {
  return profileImageUrl;
 }

 public String getScreenName() {
  return screenName;
 }

 public void setProfileImageUrl(String profileImageUrl) {
  this.profileImageUrl = profileImageUrl;
 }

 public void setScreenName(String screenName) {
  this.screenName = screenName;
 }

 public String getName() {
  return name;
 }

 public void setName(String name) {
  this.name = name;
 }
}

public class Tweet {

 @SerializedName("created_at")
 private String DateCreated;

 @SerializedName("id")
 private String Id;

 @SerializedName("text")
 private String Text;

 @SerializedName("in_reply_to_status_id")
 private String InReplyToStatusId;

 @SerializedName("in_reply_to_user_id")
 private String InReplyToUserId;

 @SerializedName("in_reply_to_screen_name")
 private String InReplyToScreenName;

 @SerializedName("user")
 private TwitterUser User;

 public String getDateCreated() {
  return DateCreated;
 }
 
 public String getId() {
  return Id;
 }

 public String getInReplyToScreenName() {
  return InReplyToScreenName;
 }

 public String getInReplyToStatusId() {
  return InReplyToStatusId;
 }

 public String getInReplyToUserId() {
  return InReplyToUserId;
 }

 public String getText() {
  return Text;
 }

 public void setDateCreated(String dateCreated) {
  DateCreated = dateCreated;
 }

 public void setId(String id) {
  Id = id;
 }

 public void setInReplyToScreenName(String inReplyToScreenName) {
  InReplyToScreenName = inReplyToScreenName;
 }
 
 public void setInReplyToStatusId(String inReplyToStatusId) {
  InReplyToStatusId = inReplyToStatusId;
 }
 
 public void setInReplyToUserId(String inReplyToUserId) {
  InReplyToUserId = inReplyToUserId;
 }
 
 public void setText(String text) {
  Text = text;
 }

 public void setUser(TwitterUser user) {
  User = user;
 }

 public TwitterUser getUser() {
  return User;
 }

 @Override
 public String  toString(){
  return getText();
 }
}

Clase Twitter : Esta clase nos sirve de apoyo para recoger los valores que nos va a devolver el objeto JSON

public class Twitter extends ArrayList {
 private static final long serialVersionUID = 1L;
}

Clase Authenticated : Es la que nos va guardar las variables de conexión necesarias para twitter :

public class Authenticated {
 String token_type;
 String access_token;
}

Vamos ahora con el tema "complicadillo"; A partir de la versión 3 de Android, las operaciones como recoger datos desde internet, se consideran operaciones costosas, entonces Android dió por echo que necesitábamos hacer uso de otro hilo, para que la aplicación no se quedase colgada.

He echo este programa con 3 formas de hilos, uno para autentificarnos en Twitter y parsear mediante JSON los datos, otro para insertarlos en el ListView y otro en el propio adapter para que mediante la URL del avatar de twitter, se descarguen las fotos y se muestren.
Se puede hacer sin el hilo para insertar los datos en el adapter, pero lo he puesto para ser más técnico :

//FUNCION QUE ENCAPSULA TODOS LOS DATOS Y SE LLAMA EN EL ONCLICK DEL BOTÓN QUE ANTERIORMENTE HEMOS PUESTO EN EL onCreate()
 public void downloadTweets() {
  ConnectivityManager connMgr = (ConnectivityManager) getSystemService(Context.CONNECTIVITY_SERVICE);
  NetworkInfo networkInfo = connMgr.getActiveNetworkInfo();
  
  if (networkInfo != null && networkInfo.isConnected()) {
   new DownloadTwitterTask(act).execute(TERMINO);
  } else {
   Log.v(LOG_TAG, "No network connection available.");
  }
 }

//HILO PARA AGREGAR LOS ITEMS AL ADAPTADOR
private class CargarListViewTask extends AsyncTask{
    Activity a;
 
 public CargarListViewTask(Activity a) {
  // TODO Auto-generated constructor stub
  this.a=a;
 }
 protected void onPreExecute() {
        // TODO Auto-generated method stub
        super.onPreExecute();
    }
 @Override
 protected BaseAdapter doInBackground(Void... params) {
  TweetItemAdapter adaptador = new TweetItemAdapter(LISTA,a);
  return adaptador;
 }
 @Override
 protected void onPostExecute(BaseAdapter adaptador) {
  super.onPostExecute(adaptador);
  listalist.setAdapter(adaptador);
        //pDialog.dismiss();
 }
 
 
}
 //Usamos ASINCTASK PARA OBTENER LOS TWETTS
 private class DownloadTwitterTask extends AsyncTask {
  final static String CONSUMER_KEY = "AQUI TU CONSUMER_KEY";
  final static String CONSUMER_SECRET = "AQUI TU CONSUMER_SECRET";

  final static String TwitterTokenURL = "https://api.twitter.com/oauth2/token";
  final static String TwitterStreamURL = "https://api.twitter.com/1.1/statuses/user_timeline.json?screen_name=";
  Activity activity;
  public DownloadTwitterTask(Activity actividad) {
   this.activity=actividad;
  }

  @Override
  protected String doInBackground(String... screenNames) {
   String result = null;
   if (screenNames.length > 0) {
    result = getTwitterStream(screenNames[0]);
   }
   return result;
  }
  // AQUI ES DONDE CONVERTIMOS LOS DATOS DEL JSON EN ARRAYLIST
  @Override
  protected void onPostExecute(String result) {
   Twitter twits = jsonToTwitter(result);
   
   for (Tweet tweet : twits) {
    Log.i("DATOS", tweet.getText());
    Tweet NEWtWitt=tweet;
    //INSERTAMOS EN LISTA
    LISTA.add(NEWtWitt);
   }
   System.out.println("LISTA CONTENIDO, numero tweets : "+LISTA.size());
   new CargarListViewTask(activity).execute();
  }

  // FUNCION DE APOYO QUE CONVIERTE EL STRING ENTERO POR REGISTRO EN DATOS DE UN ARRAYLIST
  private Twitter jsonToTwitter(String result) {
   Twitter twits = null;
   if (result != null && result.length() > 0) {
    try {
     Gson gson = new Gson();
     twits = gson.fromJson(result, Twitter.class);
    } catch (IllegalStateException ex) {
     // just eat the exception
    }
   }
   return twits;
  }

  // FUNCION DE APOYO QUE CONVIERTE LA AUTENTIFICACION JSON EN AUTENTIFICACION TIPO AUTHENTICATED
  private Authenticated jsonToAuthenticated(String rawAuthorization) {
   Authenticated auth = null;
   if (rawAuthorization != null && rawAuthorization.length() > 0) {
    try {
     Gson gson = new Gson();
     auth = gson.fromJson(rawAuthorization, Authenticated.class);
    } catch (IllegalStateException ex) {
     // just eat the exception
    }
   }
   return auth;
  }
  //FUNCION DE APOYO QUE HACE UNA PETICION HTTP PARA QUE PUEDA LEER JSON
  private String getResponseBody(HttpRequestBase request) {
   StringBuilder sb = new StringBuilder();
   try {
    DefaultHttpClient httpClient = new DefaultHttpClient(new BasicHttpParams());
    HttpResponse response = httpClient.execute(request);
    int statusCode = response.getStatusLine().getStatusCode();
    String reason = response.getStatusLine().getReasonPhrase();

    if (statusCode == 200) {

     HttpEntity entity = response.getEntity();
     InputStream inputStream = entity.getContent();

     BufferedReader bReader = new BufferedReader(new InputStreamReader(inputStream, "UTF-8"), 8);
     String line = null;
     while ((line = bReader.readLine()) != null) {
      sb.append(line);
     }
    } else {
     sb.append(reason);
    }
   } catch (UnsupportedEncodingException ex) {
   } catch (ClientProtocolException ex1) {
   } catch (IOException ex2) {
   }
   return sb.toString();
  }
 //FUNCION DE APOYO PARA REALIZAR LA PETICION POST CON SU RESPECTIVA AUTENTIFICACION Y DESPUÉS LA GET PARA 
 //OBTENER LOS DATOS EN JSON
  private String getTwitterStream(String screenName) {
   String results = null;

   // CONECTAMOS CON LAS CLAVES
   try {
    String urlApiKey = URLEncoder.encode(CONSUMER_KEY, "UTF-8");
    String urlApiSecret = URLEncoder.encode(CONSUMER_SECRET, "UTF-8");
    // COMBINAMOS LAS CLAVES PARA SU USO
    String combined = urlApiKey + ":" + urlApiSecret;
    // Base64 encode the string
    String base64Encoded = Base64.encodeToString(combined.getBytes(), Base64.NO_WRAP);
    //OBTENEMOS EL OBJETO token
    HttpPost httpPost = new HttpPost(TwitterTokenURL);
    httpPost.setHeader("Authorization", "Basic " + base64Encoded);
    httpPost.setHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8");
    httpPost.setEntity(new StringEntity("grant_type=client_credentials"));
    String rawAuthorization = getResponseBody(httpPost);
    Authenticated auth = jsonToAuthenticated(rawAuthorization);
    // Applications should verify that the value associated with the
    // token_type key of the returned object is bearer
    if (auth != null && auth.token_type.equals("bearer")) {
     // NOS AUTENTIFICAMOS Y HACEMOS LA PETICION GET
     HttpGet httpGet = new HttpGet(TwitterStreamURL + screenName);
     // CONSTRUIMOS UN HTTP NORMAL Y LE INSERTAMOS LA AUTORIZACION REQUERIDA POR TWITTER
     httpGet.setHeader("Authorization", "Bearer " + auth.access_token);
     httpGet.setHeader("Content-Type", "application/json");
     // update the results with the body of the response
     results = getResponseBody(httpGet);
    }
   } catch (UnsupportedEncodingException ex) {
   } catch (IllegalStateException ex1) {
   }
   return results;
  }
 }
}

Ya sólo nos queda el adapter, que es un adapter sencillo, sólo que hemos extendido un hilo para que como anteriormente he comentado cargar las imágenes a través de una URL :

public class TweetItemAdapter extends BaseAdapter {
 
 private ArrayList tweets;
 private Activity a;

 public TweetItemAdapter(ArrayList tweets,Activity actividad) {
  super();
  this.tweets = tweets;
  this.a=actividad;
 }

 @SuppressLint("NewApi") @Override
 public View getView(int position, View convertView, ViewGroup parent) {
  
  View v = convertView;
  if (v == null) {
   LayoutInflater vi = (LayoutInflater)a.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
   v = vi.inflate(R.layout.tweet_item, null);
  }

  Tweet tweet = (Tweet) tweets.get(position);
   
   if (tweet != null) {
    TextView user = (TextView) v.findViewById(R.id.JSONusertwitter);
    TextView mensaje = (TextView) v.findViewById(R.id.JSONTweet);
    ImageView image = (ImageView) v.findViewById(R.id.JSONAvatar);
    
    if (user != null) {
     user.setText(tweet.getUser().getName());
    }
    if(mensaje != null) {
     mensaje.setText(tweet.getText().toString());
    }
    if(image != null) {
     new DownloadImageTask(image).execute(tweet.getUser().getProfileImageUrl());

     
    }
   }

   return v;
 }

 @Override
 public int getCount() {
  // TODO Auto-generated method stub
  return tweets.size();
 }

 @Override
 public Object getItem(int position) {
  // TODO Auto-generated method stub
  return position;
 }

 @Override
 public long getItemId(int position) {
  // TODO Auto-generated method stub
  return 0;
 }
 
class DownloadImageTask extends AsyncTask {
  ImageView bmImage;

  public DownloadImageTask(ImageView bmImage) {
   this.bmImage = bmImage;
  }

  @Override
  protected Bitmap doInBackground(String... urls) {
   String urldisplay = urls[0];
   Bitmap mIcon11 = null;
   try {
    InputStream in = new java.net.URL(urldisplay).openStream();
    mIcon11 = BitmapFactory.decodeStream(in);
   } catch (Exception e) {
    Log.e("Error", e.getMessage());
    e.printStackTrace();
   }
   return mIcon11;
  }

  @Override
  protected void onPostExecute(Bitmap result) {
   bmImage.setImageBitmap(result);
  }
 }
}

Y vamos con ello, el resultado lo podreis ver aquí :

Podeis descargar el código fuente de thebestandroide con sólo compartir en facebook, twitter, linkedin o suscribirte a nuestro canal RSS más abajo.

NOTA : Hay que pasar por el primer post para conseguir las claves.

¿Como twittear desde mi aplicación?

Descargar archivo.

Mi aplicación Android con twitter : Crear aplicación

noreply@blogger.com (David) — Wed, 05 Nov 2014 11:19:00 +0000

Blog > Comunicación con servidor > Crear App Twitter para Android

Mi aplicación Android con twitter :
Cómo asociar Twitter a aplicación Android

Buenas developers, en esta ocasión vamos a interactuar con nuestra aplicación Android la red social twitter.

Buscando por la red, hay poquita documentación en castellano, así que voy a ir paso a paso mostrando cómo hacerlo. Por esperiencia, he de resaltar la fecha del artículo : Noviembre de 2014 ya que creo que este proceso va a ir modificandose poco a poco hasta llegar al punto de como se implementa el framework de twitter en X-Code para iPhone es decir, en X-Code se importa el framework, y se hacen dos comprobaciones :

Si está instalado la aplicación de twitter.
Si está configurada la cuenta de usuario de twitter.

Si se cumplen, ya aparece los campos necesarios para usar Twitter, aquí anteriormente postee un post que decía cómo se podia hacer en Cocoa Touch

¿Ojala fuese tan sencillo verdad? tiempo al tiempo... Bueno vamos al lio :

Paso 1 : Crear una aplicación en twitter

Necesitamos crear una aplicación en Twitter, el objetivo en bruto es conseguir dos claves que usaremos en la aplicación, una es la secret key y otra la consumer key. Todo lo demás aunque es necesario, es "paja".Bien, comencemos si no la tenemos, por crear una cuenta en twitter, y si la tenemos, ir a aquí: apps.twitter.com

En esta última pantalla hay tener en cuenta que el nombre deberá ser único. Aceptamos condiciones y seguimos.

Varias consideraciones :

En la pestaña Permissions, modificar a read & write, esto es para permitir la publicación de estados. En Settings marcar la casilla Allow this application to be used to Sign in with Twitter, también podemos modificar el icono de la misma.

En Keys and Access Tokens copiar las dos claves : Consumer key y Consumer Secret, que posteriormente utilizaremos

Paso 2 : Integración de Twitter con Android

Para poder usar el framework de Twitter en nuestra aplicación, necesimos descargar dos librerías que añadiremos al proyecto :

Twitter4j
oauth-signpost

Podeis descargarlos desde aquí y aquí.
(signpost-core-1.2.1.1.jar, signpost-commonshttp4-1.2.1.1.jar, signpost-jetty6-1.2.1.1.jar)

Y también os he dejado un .rar con todas dentro aquí.

Para finalizar este paso, clickamos con el botón derecho en nuestro proyecto -> Java Build Path -> add External JARs y añadimos las librerías a nuestro proyecto.

Bueno developers, ya tenemos lo necesario para conectarnos a twitter y como más adelante veremos, podremos hacer un Feed de Twitter e incluso Twittear.

Feed Twitter

¿Como twittear desde mi aplicación?

Crear y Leer JSON desde Android

noreply@blogger.com (David) — Wed, 05 Nov 2014 01:48:00 +0000

Blog >Comunicación con servidor > parseando con JSON en Android

Hola developers, vamos a ver como se parsea un documento JSON en Android.

JSON EN ANDROID

JSON (JavaScript Object Notation) es un formato para intercambiar datos, JSON los describe con una sintaxis dedicada que se usa para identificarlos y gestionarlos.

JSON es una alternativa a XML,y el fácil uso en javascript ha generado un gran numero de seguidores. Una de las mayores ventajas que tiene el uso de JSON es que puede ser leído por cualquier lenguaje de programación. Así que en resumen, puede ser usado para el intercambio de información entre tecnologías distintas.

Según esté realizado el formulario, nos encontraremos con arrays u objetos, y así lo representaremos en el código.

Por ejemplo tenemos este código en JSON, hay herramientas online para la visualización de nuestro archivo JSON y para que se nos ayude con la sintaxis, como por ejemplo JSON Viewer

{
    "Personajes": [
        {
                "Equipo": "Elfos",
                "name": "Arwen",
                "Especialidad":"guerrero",
                "image": "http://oi60.tinypic.com/2emoi7n.jpg",
                "Habilidades": {
                    "Fuerza": "7",
                    "Espiritu": "2",
                    "Fortaleza": "8"
                }
        },
       {
                "Equipo": "Orcos",
                "name": "Arwen",
                "Especialidad":"Brujo",
                "image": "http://oi59.tinypic.com/2jetzl0.jpg",
                "Habilidades": {
                    "Fuerza": "1",
                    "Espiritu": "10",
                    "Fortaleza": "5"
                }
        },
        {
                "Equipo": "Humanos",
                "name": "Arwen",
                "Especialidad":"Mago",
                "image": "http://oi61.tinypic.com/msoyfa.jpg",
                "Habilidades": {
                    "Fuerza": "1",
                    "Espiritu": "9",
                    "Fortaleza": "3"
                }
        }
]
}

Este archivo le podeis descargar desde aquí.

Comenzamos por subir el archivo con extension JSON, en este caso lo llamaremos "Archivo.json". Para hacer la prueba, lo subí a dropbox, pero no os olvideis de cambiar las 3 www del enlace que conseguireis, por dl para tener el acceso público, de todas formas podreis ver el ejemplo en una de las clases.

Como profesionales que somos, he usado dropbox para el ejemplo, pero los programadores debemos huir literalmente de lo "gratis", lo que no se paga, tiene una seguridad endeble, entre otras desventajas.

También he subido estas imágenes a un servidor gratuito TinyPic, quiere decir que podeis usar el mismo archivo JSON que yo.

IMAGENES
Orco

Elfo

humano

Importamos estas librerías al proyecto para poder usar JSON :

gson-1.7.1.jar
gson-1.7.1-javadoc.jar
gson-1.7.1-sources.jar
ksoap2-android-assembly-22.5.8-jar-with-depencies.jar

Tendremos que guardar los datos en una clase JavaBeans, así que creamos la correspondiente a nuestro archivo JSON para trabajar y gestionar los objetos :

public class Personajes {

 private String nombre;
 private String profesion;
 private String equipo;
 private String Fuerza;
 private String Fortaleza;
 private String Espiritu;
 private String URLimagen;
 public Bitmap imagen;
 


 public Personajes() {
  super();
 }
 
 public String getEquipo() {
  return equipo;
 }
 public void setEquipo(String equipo) {
  this.equipo = equipo;
 }

 public String getNombre() {
  return nombre;
 }
 public void setNombre(String nombre) {
  this.nombre = nombre;
 }
 public String getProfesion() {
  return profesion;
 }
 public void setProfesion(String profesion) {
  this.profesion = profesion;
 }
 
 public String getFuerza() {
  return Fuerza;
 }
 public void setFuerza(String fuerza) {
  Fuerza = fuerza;
 }
 public String getFortaleza() {
  return Fortaleza;
 }
 public void setFortaleza(String fortaleza) {
  Fortaleza = fortaleza;
 }
 public String getEspiritu() {
  return Espiritu;
 }
 public void setEspiritu(String espiritu) {
  Espiritu = espiritu;
 }
 public String getURLimagen() {
  return URLimagen;
 }

 public void setURLimagen(String uRLimagen) {
  URLimagen = uRLimagen;
 }
 public Bitmap getImagen() {
  // TODO Auto-generated method stub
  return imagen;
 }
}

Ahora vamos con el código, pongo a continuación las dos partes del main :

Y este es el código Java de momento :

public class MainActivity extends Activity {

 private Button buscar;
 private ListView listaa;
 String searchTerm ;
 //SI OS FIJAIS LA URL EMPIEZA POR dl EN VEZ DE www
 String URL = "https://dl.dropbox.com/s/sjhj5zuxfu87vz5/Archivo.json?dl=0";
 
 Activity a;
 Context context;
 static ArrayList lista;
 JSONArray pers;

 @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        lista = new ArrayList();
        a=this;
        context=getApplicationContext();
        listaa = (ListView) findViewById(R.id.listViewLista);
        buscar = (Button) findViewById(R.id.busqueda);
        //VEMOS QUE HAY EN EL EDITTEXT
     buscar.setOnClickListener(new OnClickListener(){
   @Override
   public void onClick(View v) {
    // TODO Auto-generated method stub
    //AQUI ES LA EJECUCIÓN DEL PARSEO DEL XML
   }     
     });
     
 }
}

A continuación tenemos el método público que utilizaremos para leer nuestro archivo JSON. Este método crea la llamada al servicio web. No os olvideis de darle permisos de internet a la aplicación.

//CLASE PARA RECOJER EL CODIGO EN BRUTO DEL JSON
public class JSONParser {

   static String response = null;
   public final static int GET = 1;
   public final static int POST = 2;
   //CONSTRUCTOR
   public JSONParser() {
   }
   
   public String makeServiceCall(String url, int method) {
       return this.makeServiceCall(url, method, null);
   }
   //METODO PARA ESTABLECER CONEXIÓN
   public String makeServiceCall(String url, int method,List params) {
       try {
           //HTTP CLIENT
           DefaultHttpClient httpClient = new DefaultHttpClient();
           HttpEntity httpEntity = null;
           HttpResponse httpResponse = null;
            
           // AÑADIMOS PARAMETROS AL METODO POST
           if (method == POST) {
               HttpPost httpPost = new HttpPost(url);
               // adding post params
               if (params != null) {
                   httpPost.setEntity(new UrlEncodedFormEntity(params));
               }
               httpResponse = httpClient.execute(httpPost);
           } else if (method == GET) {
               // AÑADIMOS PARAMETROS AL METODO GET
               if (params != null) {
                   String paramString = URLEncodedUtils.format(params, "utf-8");
                   url += "?" + paramString;
               }
               //METODO GET
               HttpGet httpGet = new HttpGet(url);
               httpResponse = httpClient.execute(httpGet);

           }
           httpEntity = httpResponse.getEntity();
           response = EntityUtils.toString(httpEntity);
           //EXCEPCIONES
       } catch (UnsupportedEncodingException e) {
           e.printStackTrace();
       } catch (ClientProtocolException e) {
           e.printStackTrace();
       } catch (IOException e) {
           e.printStackTrace();
       }
       //DEVOLVEMOS RESPUESTA
        return response;
   }
}

Vamos a completar nuestro main con 2 clases que harán la función de hilos, uno es para cargar los datos del objeto JSON en un ArrayList y otro es para cargar los datos correspondientes en el ListView, están enlazados y el código está bastante explicado e intuitivo.

//HILO PARA CARGAR LOS DATOS DEL JSON EN UN ARRAYLIST
class GetContacts extends AsyncTask {
   ListView list;
        private ProgressDialog pDialog;
     //CONSTRUCTOR
        public GetContacts(ListView listaa) {
   this.list=listaa;
  }
     
  @Override
     protected void onPreExecute() {
             super.onPreExecute();
             pDialog = new ProgressDialog(MainActivity.this);
             pDialog.setMessage("Getting Data ...");
             pDialog.setIndeterminate(false);
             pDialog.setCancelable(true);
             pDialog.show();
       }
 
        @Override
        protected Void doInBackground(Void... arg0) {
            // CREAMOS LA INSTANCIA DE LA CLASE
            JSONParser sh = new JSONParser();
            String jsonStr = sh.makeServiceCall(URL, JSONParser.GET);
            
            if (jsonStr != null) {
                try {
                    JSONObject jsonObj = new JSONObject(jsonStr);
                    // Getting JSON Array node
                    pers = jsonObj.getJSONArray("Personajes");
 
                    // looping through All Equipos
                    for (int i = 0; i < pers.length(); i++) {
                        JSONObject c = pers.getJSONObject(i);
                        //RECOJEMOS DATOS EN VARIABLES
                        String equipo = c.getString("Equipo");
                        String name = c.getString("name");
                        String especialidad = c.getString("Especialidad");
                        String imagen = c.getString("image");
      
                        //SUBITEM CON LAS HABILIDADES
                        JSONObject habilidades = c.getJSONObject("Habilidades");
                        String fuerza = habilidades.getString("Fuerza");
                        String espiritu = habilidades.getString("Espiritu");
                        String fortaleza = habilidades.getString("Fortaleza");
 
      //CREAMOS OBJETO Y LO LLENAMOS
                        Personajes e=new Personajes();
                        e.setURLimagen(imagen);
                        e.setNombre(name);
                        e.setEquipo(equipo);
                        e.setProfesion(especialidad);
                        e.setEspiritu(espiritu);
                        e.setFortaleza(fortaleza);
                        e.setFuerza(fuerza);
                        // adding contact to contact list
                        lista.add(e);
                    }
                } catch (JSONException e) {
                    e.printStackTrace();
                }
            } else {
                Log.e("ServiceHandler", "Esta habiendo problemas para cargar el JSON");
            }
 
            return null;
        }
 
        @Override
        protected void onPostExecute(Void result) {
            super.onPostExecute(result);
            // Dismiss the progress dialog
            if (pDialog.isShowing()){
                pDialog.dismiss();
         }
         new CargarListTask().execute();
    }
//HILO PARA CARGAR LOS DATOS EN EL LISTVIEW
class CargarListTask extends AsyncTask{
     @Override
     protected void onPreExecute() {
         // TODO Auto-generated method stub
         super.onPreExecute();
     }
     protected Adapter doInBackground(Void... arg0) {
         // TODO Auto-generated method stub
         try{
         }catch(Exception ex){
             ex.printStackTrace();
         }
   
         Adapter adaptador = new Adapter(a,lista);
         return adaptador;
     }
     @Override
     protected void onPostExecute(Adapter result) {
         // TODO Auto-generated method stub
         super.onPostExecute(result);
         listaa.setAdapter(result);
     }
 }
 }

Si colocamos cuando clickamos el botón...

new GetContacts(listaa).execute();

Ya está!! sólo necesitamos un adapter con un hilo, este hilo se encargará de llenar la imágen a partir de la URL de la imagen, de esas 3 que he puesto al principio :

public class Adapter extends BaseAdapter{
   
    protected Activity activity;
    //ARRAYLIST CON TODOS LOS ITEMS
    protected ArrayList items;
     
    //CONSTRUCTOR
    public Adapter(Activity activity, ArrayList items) {
        this.activity = activity;
        this.items = items;
      }
    //CUENTA LOS ELEMENTOS
    @Override
    public int getCount() {
        return items.size();
    }
    //DEVUELVE UN OBJETO DE UNA DETERMINADA POSICION
    @Override
    public Object getItem(int arg0) {
        return items.get(arg0);
    }

    //METODO PRINCIPAL, AQUI SE LLENAN LOS DATOS
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        // SE GENERA UN CONVERTVIEW POR MOTIVOS DE EFICIENCIA DE MEMORIA
     //ES UN NIVEL MAS BAJO DE VISTA, PARA QUE OCUPEN MENOS MEMORIA LAS
 
        View v = convertView;
        //ASOCIAMOS LA VISTA AL LAYOUT DEL RECURSO XML DONDE ESTA LA BASE DE
 
       if(convertView == null){
            LayoutInflater inf = (LayoutInflater) activity.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            v = inf.inflate(R.layout.list_item, null);
        }
  
        Personajes dir = items.get(position);
        //RELLENAMOS LA IMAGEN Y EL TEXTO
        //IMAGEN
        ImageView img = (ImageView) v.findViewById(R.id.imageView1);
  if(img != null) {
   new LoadImage(img).execute(dir.getURLimagen());
  }
        //CAMPOS
        TextView nombre = (TextView) v.findViewById(R.id.username);
        nombre.setText("NOMBRE : "+dir.getNombre());
        TextView clase = (TextView) v.findViewById(R.id.clase);
        clase.setText("PROFESION : "+dir.getProfesion());
        TextView equipo = (TextView) v.findViewById(R.id.equipo);
        equipo.setText("EQUIPO : "+dir.getEquipo());
        TextView fuerza = (TextView) v.findViewById(R.id.fuerza);
        //SUBCAMPOS
        fuerza.setText("FUERZA : "+dir.getFuerza());
        TextView fortaleza = (TextView) v.findViewById(R.id.fortaleza);
        fortaleza.setText("FORTALEZA : "+dir.getFortaleza());
        TextView espiritu = (TextView) v.findViewById(R.id.espiritu);
        espiritu.setText("ESPIRITU : "+dir.getEspiritu());
         
        // DEVOLVEMOS VISTA
        return v;
    }
 @Override
 public long getItemId(int position) {
  // TODO Auto-generated method stub
  return 0;
 }
 
 class LoadImage extends AsyncTask {
  ImageView bmImage;

  public LoadImage(ImageView bmImage) {
   this.bmImage = bmImage;
  }

  @Override
  protected Bitmap doInBackground(String... urls) {
   String urldisplay = urls[0];
   Bitmap mIcon11 = null;
   try {
    mIcon11 = BitmapFactory.decodeStream((InputStream)new URL(urldisplay).getContent());
     
   } catch (Exception e) {
    //Log.e("Error", e.getMessage());
    e.printStackTrace();
   }
   return mIcon11;
  }

  @Override
  protected void onPostExecute(Bitmap result) {
   bmImage.setImageBitmap(result);
  }
 }
}

Y por último el item_list....

Podeis descargar el código fuente de thebestandroide con sólo compartir en facebook,twitter,linkedin o suscribirte a nuestro canal RSS más abajo.

Descargar archivo.

Navigation Drawer con DrawerLayout comunicando fragments

noreply@blogger.com (David) — Mon, 03 Nov 2014 09:58:00 +0000

Blog >Lista Soluciones > DrawerLayout con fragment

Hola amigos desarrolladores!! Después de ver los fragments en este post anterior, vamos a ver cómo jugar con ellos con un DrawerLayout además de implementar un ActionBar posteriormente.

DrawerLayout gestionando fragments "Navigation Drawer"

Antes de empezar voy a resaltar que este componente tiene bastantes incopatibilidades según la versión de Android que se use, así que no os desespereis. También hay que tener en cuenta que trabajamos con fragments, no con Actividades.

No es que se complique a la hora de escribir código, hay que enfocarlo de otra forma para para que concuerde de manera adecuada, es decir de forma autocontenida.

El autocontenido se refiere a todo lo que se encuentra en ella dentro sin necesidad de recurrir a contenidos externos como vinculos.

De momento nuestro activity_main será así :

<android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent" >



<FrameLayout
    android:id="@+id/contenedor_principal"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/transparent" >

</FrameLayout>



<ListView
android:id="@+id/drawer"
android:layout_width="240dp"
android:layout_height="match_parent"
android:layout_gravity="left"
android:background="#EEE" />

</android.support.v4.widget.DrawerLayout>

Analicemoslo bien, el id del Drawer es super importante, y pensar que tenemos que hacer un listview con adapter para gestionar los fragmentos también tiene su trabajo, poco pero lo tiene, así que vamos a ello :

public class itemsMenu {

 private String Nombre;
 private String Descripcion;
 private Drawable img;
 private int id;
 
 public itemsMenu(int id,String nombre, String descripcion, Drawable img) {
  super();
  this.id=id;
  this.Nombre = nombre;
  this.Descripcion = descripcion;
  this.img = img;
 }
 public int getId() {
  return id;
 }
 public void setId(int id) {
  this.id = id;
 }
 public String getNombre() {
  return Nombre;
 }
 public void setNombre(String nombre) {
  Nombre = nombre;
 }
 public String getDescripcion() {
  return Descripcion;
 }
 public void setDescripcion(String descripcion) {
  Descripcion = descripcion;
 }
 public Drawable getImg() {
  return img;
 }
 public void setImg(Drawable img) {
  this.img = img;
 }
}

Bien, ya tenemos todo lo necesario para implementar nuestro Drawermenú, vamos al onCreate del main y tiene que quedar así :

public class MainActivity extends FragmentActivity {
  private Context context=this;
  private ListView lista;
  public static DrawerLayout drawerLayout;
  private ArrayList array;
  private FrameLayout contenedor_principal;
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);   
        configurarObjetos();
    }
    public void configurarObjetos(){
        contenedor_principal=(FrameLayout) findViewById(R.id.contenedor_principal);
        lista = (ListView) findViewById(R.id.drawer);
        drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
        array = new ArrayList();
        llenarListaMenu(array);
        //ADAPTER
        MenuAdapter adaptador = new MenuAdapter(this, array);
        lista.setAdapter(adaptador);
    }
  //LLENAR LISTA DE OBJETOS DEL MENU
    public void llenarListaMenu(ArrayList arraydir){
     itemsMenu item;
        // Introduzco los elementos
        item = new itemsMenu(1, "Nirvana", "Heart, sharped box",getResources().getDrawable(R.drawable.ic_launcher));
        arraydir.add(item);
        item = new itemsMenu(2, "The pixies", "Where is my mind",getResources().getDrawable(R.drawable.ic_launcher));
        arraydir.add(item);
        item = new itemsMenu(3,"Bob Dylan","Hurrican Carter",getResources().getDrawable(R.drawable.ic_launcher));
        arraydir.add(item);
        item = new itemsMenu(4, "Toxicity","System of a down",getResources().getDrawable(R.drawable.ic_launcher));
        arraydir.add(item);
        item = new itemsMenu(5, "Maneras de vivir", "Rosendo",getResources().getDrawable(R.drawable.ic_launcher));
        arraydir.add(item);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

Ejecutamos la aplicación e inicialmente aparecerá una pantalla en blanco, basta con apretar en el lado donde hemos puesto el drawer (en este caso izquierda) y arrastrar hacia la derecha, entonces tendrá esta apariencia :

La base ya está echa, ahora si queremos maquearlo un poquito, vamos a insertarle un header en la lista,¿Como se hace? Según instanciamos la lista antes de llenar el array escribimos :

  //HEADER
  View header=getLayoutInflater().inflate(R.layout.header_menu, null);
        lista.addHeaderView(header,null,false);

Donde R.layout.header_menu es un recurso xml que esta en la carpeta layout, y como podeis ver es super simple implementarlo en nuesta Lista de nuestro DrawerMenu :

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/alertImage"
        android:layout_width="250dp"
        android:layout_height="233dp"
        android:clickable="false"
        android:focusable="false"
        android:src="@drawable/ic_launcher" />

</FrameLayout>

Y quedaría así :

Observamos que clickamos en cualquier item de la lista y no sucede nada, eso es porque tenemos que implementar el evento onClick en la lista

        lista.setOnItemClickListener(new OnItemClickListener(){
   @Override
   public void onItemClick(AdapterView parent, View view,int position, long id) {
    
    seleccionarItem(position);
   }
         
        });
  
//SELECCION DE FRAGMENT
 @SuppressLint("ResourceAsColor") 
 public void seleccionarItem(int posicion){
            switch (posicion) {
         // BOTON PLAY, PRIMERA POSICION = 0
                case 1:
     //fragment1
                    break;
                case 2:
                    //fragment2
                    break;
                case 3:
                 //fragment3
                    break;
                case 4:
                  //fragment4
                    break;
                case 5:
     finish
            }  
    }

Ya tenemos como gestionar los fragment, ahora lo que necesitamos es crear 4 fragments distintos para que se pueda navegar en ellos, voy a poner uno, pero se deben hacer 4 "copias" que más tarde cada uno le dará una personalización distinta.

¿Cómo creamos un fragment?
Creamos un xml y una clase Java así :

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/RelativeLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#000000"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="Fragmento 1"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:textColor="#ffffff"
        android:textSize="30sp" />

</RelativeLayout>

public class Fragment_1 extends Fragment{
 
  public View onCreateView(LayoutInflater inflater, ViewGroup contenedor, Bundle savedInstanceState) {
        View v = inflater.inflate(R.layout.fragment_1, contenedor, false);       
         return v;
     }
}

Vamos a darle la funcionalidad para la gestión eficiente de los fragmentos mediante la función seleccionarItem, así que vamos a poner nuestra activity_main así :

public class MainActivity extends FragmentActivity {
  private Context context=this;
  private ListView lista;
  public static DrawerLayout drawerLayout;
  private ArrayList array;
  private FrameLayout contenedor_principal;
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);   
        configurarObjetos();
    }
    public void configurarObjetos(){
        contenedor_principal=(FrameLayout) findViewById(R.id.contenedor_principal);
        lista = (ListView) findViewById(R.id.drawer);
        drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
        //le ponemos el header
       // View header=getLayoutInflater().inflate(R.layout.header_menu, null);
        //lista.addHeaderView(header,null,false);
        //Lista de objetos
        array = new ArrayList();
        llenarListaMenu(array);
        //ADAPTER
        MenuAdapter adaptador = new MenuAdapter(this, array);
        lista.setAdapter(adaptador);
        //PARA QUE SEA POR DEFECTO EL FRAGMENT1
        seleccionarItem(0);
        
        lista.setOnItemClickListener(new OnItemClickListener(){
   @Override
   public void onItemClick(AdapterView parent, View view,int position, long id) {
    
    seleccionarItem(position);
   }
         
        });
    }
    //====================================================================================
    //SELECCION DE FRAGMENT
    @SuppressLint("ResourceAsColor") 
    public void seleccionarItem(int posicion){
        Fragment fragment=null;
        boolean salida=false;
               switch (posicion) {
            // BOTON PLAY, PRIMERA POSICION = 0
                 case 0:
                  fragment = new Fragment_1();
                   break;
                   case 1:
                       fragment = new Fragment_2();
                       break;
                   case 2:
                       fragment = new Fragment_3();
                       break;
                   case 3:
                     fragment = new Fragment_4();
                       break;
                   case 5:
                    salida=true;
                    //MARCAMOS EL CLICKADO
                    lista.setItemChecked(posicion, true);
                    drawerLayout.closeDrawer(lista);
                    finish();
               }
               //SI SE SALE DE LA APLICACIÓN, AL HACER EL CAMBIO DE FRAGMENT DARIA NULLPOINTEREXCEPTION
               if (salida==false){
                //HACEMOS USO DE LA LIBRERIA
                FragmentManager fragmentManager=getSupportFragmentManager();
       //REEMPLAZAMOS
                fragmentManager.beginTransaction().replace(R.id.contenedor_principal, fragment).commit();
                //MARCAMOS EL CLICKADO
                lista.setItemChecked(posicion, true);
                drawerLayout.closeDrawer(lista);
            }
     
       }
  //LLENAR LISTA DE OBJETOS DEL MENU
    public void llenarListaMenu(ArrayList arraydir){
     itemsMenu item;
        // Introduzco los elementos
        item = new itemsMenu(1, "Nirvana", "Heart, sharped box",getResources().getDrawable(R.drawable.ic_launcher));
        arraydir.add(item);
        item = new itemsMenu(2, "The pixies", "Where is my mind",getResources().getDrawable(R.drawable.ic_launcher));
        arraydir.add(item);
        item = new itemsMenu(3,"Bob Dylan","Hurrican Carter",getResources().getDrawable(R.drawable.ic_launcher));
        arraydir.add(item);
        item = new itemsMenu(4, "Toxicity","System of a down",getResources().getDrawable(R.drawable.ic_launcher));
        arraydir.add(item);
        item = new itemsMenu(5, "Fin", "Salir de la aplicación",getResources().getDrawable(R.drawable.ic_launcher));
        arraydir.add(item);
    }

Y ya tenemos nuestro navigation drawer que navega entre fragmentos, este es el resultado :

"En el futuro los ordenadores no pesarán más de 1.5 toneladas. "
"Popular Mechanics, 1949"

Podeis descargar el código fuente de thebestandroide con sólo compartir en facebook,twitter,linkedin o suscribirte a nuestro canal RSS más abajo.

Descargar archivo.

Comunicación entre fragment en Android con un listener

noreply@blogger.com (David) — Mon, 03 Nov 2014 08:52:00 +0000

Blog >Lista Soluciones > Fragments II

Comunicación entre fragments

Vamos con la continuación del post anterior en el que hablamos sobre los fragments, ahí encontrareis las clases para formar el código necesario para nuestra Activity con el combo de los 3 fragmentos.La habíamos acabado con este aspecto :

Vamos a cambiar subir 4 imágenes distintas, yo he usado las de unos amiguetes para que al pulsar en el listView de la izquierda cambie la descripción y la foto.

Cómo es la comunicación entre fragment

Antes de seguir, es necesario saber como se comunican los fragment entre ellos, ya que a la hora de trabajar con ellos es indispensable. Para usar los componentes de cada uno debemos desarrollarlos de forma totalmente autocontenida (se refiere a todo lo que se encuentra en ella sin necesidad de recurrir a contenidos externos como vinculos) pudiendo asociarlos con una Activity para crear una interfad de usuario curiosa.

Lo más pro, es diseñando una interfaz, cosa que se explica aquí de forma muy correcta, ya que como otras veces digo, yo me enfoco más en la parte práctica del código.

También podeis consultar la documentación oficial sobre ListFragment aquí.

En definitiva, creamos un "listener" mediante la interactuación de una interfaz con el main y el fragment Lista, lo tendremos que modificar :

Creamos una clase con nuestra interfaz

public interface InterfacePersonaSeleccionada {
 public void onPersonaSelect(item str);
}

Y después nuestro Fragment Lista lo dejamos así :

public class Fragment_Lista extends Fragment{
 //INTERACTUACION CON LA INTERFAD
 private InterfacePersonaSeleccionada listener;
 
    public void setListener(InterfacePersonaSeleccionada listener) {
        this.listener=listener;
    }
  
 private ListView listado;
 
 Fragment_Lista flist;
 FragmentDetalle fdetalle;
 FragmentFoto fFoto;
 
 private item[] datos =new item[]{
                new item("Paquito", "Rapper Boy", "Badajoz rules, I love my gym!!"),
                new item("Nona", "Vazquez Rebuenona", "Alternativa vividora"),
                new item("Pedro", "Peña Irlandes", "No es que sea serio, soy un borde"),
                new item("Lunares", "Romero Pochita", "Mi habibi")};
 
    @Override
    public View onCreateView(LayoutInflater inflater,ViewGroup container,Bundle savedInstanceState) {
 
  View v=inflater.inflate(R.layout.listado, container, false);
        return v;
    }
    
    public void onActivityCreated(Bundle state) {
        super.onActivityCreated(state);
 
        listado = (ListView)getView().findViewById(R.id.lista);
        listado.setAdapter(new AdapterList(this,datos));
        
        listado.setOnItemClickListener(new OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView list, View view, int pos, long id) {
                if (listener!=null) {
                    listener.onPersonaSelect(datos[pos]);

                }
            }
        });
    }

El adaptador lo he omitido pero sigue ahí en la misma clase , si os fijais bien el listener y el evento onClick interactúan en el método onActivityCreated que es cuando se acaba de crear el fragment, y en método setListener se nos obliga a implementar debido a las características de la interfaz.

Si quereis documentación a cerca de qué son las interfaces y para qué valen, podeis encontrarla aquí.

El tema es bastante abstracto y por desgracia más de uno no sabe para que sirve.... asi que si optas por no aprender su uso, cagada!! Hay millones de veces que gracias a las interfaces todo sale más técnico, correcto y por lo tanto, más profesional.

Y ya por último nuestro main :

public class MainActivity extends FragmentActivity  implements InterfacePersonaSeleccionada{
 
 //METODO DE LA INTERFAD, NUESTRO "LISTENER"
 @Override
 public void onPersonaSelect(item str) {
  // TODO Auto-generated method stub
  //REFERENCIAMOS LOS 2 FRAGMENTOS
  FragmentFoto fFoto =(FragmentFoto) getSupportFragmentManager().findFragmentById(R.id.fragmentFoto);
  FragmentDetalle fDetalle=(FragmentDetalle) getSupportFragmentManager().findFragmentById(R.id.fragmentDetalle);
  //ASIGNAMOS LOS VALORES
  fFoto.cambiarFoto(AsignarFoto(str));
  fDetalle.cambiarTexto(str.getDescripcion());
 }
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
  
  Fragment_Lista LISTA = 
    (Fragment_Lista) getSupportFragmentManager().findFragmentById(R.id.fragmentLista);
  LISTA.setListener(this);
        
        
    }
 //FUNCION PARA ASIGNAR LA FOTO SEGUN EL OBJETO QUE NOS DE LA INTERFAZ AL HACER CLICK EN LA LISTA
    public Drawable AsignarFoto(item str){
     Drawable foto = null;
     
     if(str.getName().compareTo("Paquito")==0){
      foto = getResources().getDrawable(R.drawable.foto1);
     }else if(str.getName().compareTo("Nona")==0){
      foto = getResources().getDrawable(R.drawable.foto2);
     }else if(str.getName().compareTo("Pedro")==0){
      foto = getResources().getDrawable(R.drawable.foto3);
     }else if(str.getName().compareTo("Lunares")==0){
      foto = getResources().getDrawable(R.drawable.foto4);
     }
     return foto;
    }

Podeis descargar el código fuente de thebestandroide con sólo compartir en facebook,twitter,linkedin o suscribirte a nuestro canal RSS más abajo.

Descargar archivo.

Fragment en Android

noreply@blogger.com (David) — Sat, 01 Nov 2014 00:30:00 +0000

Blog >Lista Soluciones > Fragment I

Hola developers!! vamos hoy a ver un tema sobre un tipo de componentes relativamente nuevos: los Fragments.

Fragment

Los fragments los podemos explicar diciendo que son trozos de vista que se pueden mostrar o no dependiendo de nuestros intereses, ya sea porque nos interesen distintas dimensiones de pantalla o en la orientación del dispositvo, podemos añadirlos cuando queramos.

Recientemente los podemos ver en múltiples aplicaciones que hay subidas en Google Play, de hecho el menú que tiene Outlook o Gmail se componen de ellos. En Android usamos varias librerias para su implementación , no obstante antes de describir ninguna, vamos a ver el ciclo de vida de los Fragments :

Un Fragment depende de FragmentActivity y siempre descansa o puede pasar varias veces en FragmentActivity.

Entonces se puede decir que su ciclo de vida depende del ciclo de vida de FragmentActivity. Para crear un fragment deberemos extender la clase "Fragment" y sobreescribir el método "onCreateView()" en el que devolveremos la vista de dicho fragment.En el sitio oficial de Android podreis curiosear todo lo que querais, os lo dejo aquí.

onCreate() : El sistema llama a este método a la hora de crear el fragmento, normalmente iniciaremos los componentes esenciales del fragmento.

onCreateView() : Se llamará al método cuando haya que crear la interface de usuario o vista, normalmente se devuelve la View del fragmento.

onPause() : Se llama método en el momento que el usuario abandone el fragmento, es un buen momento para guardar información.

public class FragmentOne extends Fragment{
 
    public static final String TAG = "ExampleFragment";
    private FragmentIterationListener mCallback = null;
 
    public interface FragmentIterationListener{
        public void onFragmentIteration(Bundle parameters);
    }
     
    public static ExampleFragment newInstance(Bundle arguments){
        ExampleFragment f = new ExampleFragment();
        if(arguments != null){
            f.setArguments(arguments);
        }
        return f;
    }
     //CONSTRUCTOR
    public FragmentOne(){
     
    }
     
    //El fragment se ha adjuntado al Activity
    @Override
    public void onAttach(Activity activity) {
        super.onAttach(activity);
    }
     
    //El Fragment ha sido creado       
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }
     
    //La vista de layout ha sido creada y ya está disponible
    @Override
    public void onViewCreated(View view, Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
    }
     
    //La vista ha sido creada y cualquier configuración guardada está cargada
    @Override
    public void onViewStateRestored(Bundle savedInstanceState) {
        super.onViewStateRestored(savedInstanceState);
    }
     
     
    //El Fragment ha sido quitado de su Activity y ya no está disponible
    @Override
    public void onDetach() {
        super.onDetach();
    }
     //El Fragment va a cargar su layout, el cual debemos especificar
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {
        super.onCreateView(inflater, container, savedInstanceState);      
  View v =  inflater.inflate(R.layout.examplefragment_view, container, false);  
    }
}

El LayoutInflater lo usaremos para inflar el layout de nuestro fragment. inflate recoge tres parámetros.

En el primero indicamos la id del layout de nuestro fragment,el view padre de nuestro fragment y un booleano que nos servirá para indicar si el inflado del layout debe ser insertado en el ViewGroup (En este caso es false porque se esta insertando directamente el layout en el ViewGroup).

El ViewGroup sera el "padre" donde se insertara el layout de nuestro fragment. El Bundle podremos utilizarlo para recuperar datos de una instancia anterior de nuestro fragment.
Incluyo ahora el método onActivityCreated, que nos vale para declarar las variables que tengan que ver con el Activity en onActivityCreated()

    //El Activity que contiene el Fragment ha terminado su creación
    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
    }

Se deben instanciar los elementos que no sean vistas en el método onCreateView(), como botones, TextViews etc, el layout se carga también en ese método.

Agregar un fragment

Se pueden agregar mediante XML o Java :
XML

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <fragment
        android:name="com.fragments.fragmentOne"
        android:id="@+id/fragmentOne"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</LinearLayout>

Es necesario asignarle un identificador único para cada fragment, hay 3 maneras de declarar un fragment :

android:id
android:tag
Recogida automática mediante la id de la vista

Java :

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.fragmentTwo);
  
    FragmentManager FM = getSupportFragmentManager();
    FragmentTransaction FT = FM.beginTransaction();
  
    Fragment fragment = new FragmentOne();
    FT.add(R.id.fragmentOne_container, fragment);
    FT.commit();
}

Bueno, una vez que ya está mas o menos explicado, vamos con un ejemplo que es como mejor se entiende, en este caso he de recalcar que voy a hacerlo sobre fragments estáticos.

Antes de liarlos con el código, quiero que veais el aspecto que va a tener :

Es un activitymain.xml que tiene 3 fragmentos, asociados cada uno a su correspondiente clase, el java de la clase principal es super sencillo, únicamente hay que indicarle que extienda de FragmentActivity :

Este es el aspecto de nuestro main.xml :

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/contenedorPrincipal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    tools:context="com.example.fragments.MainActivity" >

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal" >

            <fragment
                android:id="@+id/fragmentLista"
                android:name="com.example.fragments.Fragment_Lista"
                android:layout_width="150dp"
                android:layout_height="fill_parent" />

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="vertical" >

            <fragment
                android:id="@+id/fragmentFoto"
                android:name="com.example.fragments.FragmentFoto"
                android:layout_width="wrap_content"
                android:layout_height="180dp" />

            <fragment
                android:id="@+id/fragmentDetalle"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="70"
                android:name="com.example.fragments.FragmentDetalle" />
        </LinearLayout>

</LinearLayout>

</FrameLayout>

public class MainActivity extends FragmentActivity {

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

Y ahora vamos con los 3 fragments; cada uno está enfocado a una cosa distinta, uno a un TextView otro a un ImageView y otro a un ListView

public class FragmentDetalle extends Fragment{
 @Override
    public View onCreateView(LayoutInflater inflater,ViewGroup container,Bundle savedInstanceState) {
 
        return inflater.inflate(R.layout.fragment_detalle, container, false);
    }
    public void cambiarTexto(String t) {
        TextView f =(TextView)getView().findViewById(R.id.Txt_d);
        f.setText(t);
    }

}

public class FragmentFoto  extends Fragment{
 @Override
    public View onCreateView(LayoutInflater inflater,ViewGroup container,Bundle savedInstanceState) {
 
        return inflater.inflate(R.layout.fragment_foto, container, false);
    }
 
    public void cambiarFoto(Drawable foto) {
        ImageView f =(ImageView)getView().findViewById(R.id.fotito);
        f.setImageDrawable(foto);
    }
}

Ahora vamos con el listview, además del xml y de la clase java, usaremos el adapter y el item_list correspondiente, si quereis saber un poquito más sobre cómo van los adapters podeis verlo en este post.

list_item
item

package com.example.fragments;

public class item {
 private String name;
 private String apellidos;
 private String descripcion;
 
 
 
 public item(String name, String apellidos, String descripcion) {
  super();
  this.name = name;
  this.apellidos = apellidos;
  this.descripcion = descripcion;
 }
 public String getName() {
  return name;
 }
 public void setName(String name) {
  this.name = name;
 }
 public String getApellidos() {
  return apellidos;
 }
 public void setApellidos(String apellidos) {
  this.apellidos = apellidos;
 }
 public String getDescripcion() {
  return descripcion;
 }
 public void setDescripcion(String descripcion) {
  this.descripcion = descripcion;
 }
}

Este es el xml y la clase para el fragment list

public class Fragment_Lista extends Fragment{
 
@Override
 public void onStart() {
  // TODO Auto-generated method stub
  super.onStart();
 }

private ListView listado;
 
 private item[] datos =new item[]{
                new item("Paquito", "Rapper Boy", "Badajoz rules"),
                new item("Alisa", "Cuadros", "Ramstad compañera de trabajo"),
                new item("Felipe´s", "Fiestas", "Ojo tuerto"),
                new item("Lunares", "Romero Redondo", "Mi habibi")};
 
    @Override
    public View onCreateView(LayoutInflater inflater,ViewGroup container,Bundle savedInstanceState) {
 
        return inflater.inflate(R.layout.listado, container, false);
    }
    
    public void onActivityCreated(Bundle state) {
        super.onActivityCreated(state);
 
        listado = (ListView)getView().findViewById(R.id.lista);
        listado.setAdapter(new AdapterList(this,datos));
        
        listado.setOnItemClickListener(new OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView list, View view, int pos, long id) {
               /* if (listener!=null) {
                    listener.onCorreoSeleccionado(
                        (Correo)lstListado.getAdapter().getItem(pos));
                }*/
            }
        });
    }

public class AdapterList extends ArrayAdapter {
        Activity context;
        item[] lista;

        AdapterList(Fragment context,item[] lista) {
            super(context.getActivity(), R.layout.list_item, lista);
            this.context = context.getActivity();
            this.lista=lista;
        }

        public View getView(int position, View convertView, ViewGroup parent) {
         LayoutInflater inflater = context.getLayoutInflater();
         View item = inflater.inflate(R.layout.list_item, null);

         TextView name = (TextView)item.findViewById(R.id.nombre);
         name.setText(lista[position].getName());

         TextView ape = (TextView)item.findViewById(R.id.apellidos);
         ape.setText(lista[position].getApellidos());
         
        return(item);
        }
    }
}

Ya tenemos bastante verdad¿? Vamos ahora a ver la comunicación entre los fragments, estaría chulo que viésemos como al clickar en un item de la lista, cambiase la foto y el texto a mostrar... podremos verlo en el siguiente post.

Podeis descargar el código fuente de thebestandroide con sólo compartir en facebook,twitter,linkedin o suscribirte a nuestro canal RSS más abajo.

Descargar archivo.

Comunicación con servidores en plataformas moviles

noreply@blogger.com (David) — Fri, 31 Oct 2014 10:34:00 +0000

Comunicación en Servidores

Sección del blog de Thebestandroide dedicada a las comunicaciones mediante Java y Objective - C con cualquier servidor de formas distintas y con distintos métdos, pudiendo enviar o recibir datos.

La programáción dedicada a las conexiones a Internet juegan un papel muy importante en esta época en las que guardamos mucha documentación personal en la nube o para acceder a cualquier recurso que esté colgado en la red.

Esta sección está echa con el objetivo de tener un repositorio de código orientado a programación Android e iOS, y soy partidario de la libre información, así que lo comparto con todos vosotros para darle un fin mayor que el beneficio profesional personal único.

Sé conservador en lo que haces, sé liberal en lo que aceptas de otros.
Jon Postel, máxima de diseño de protocolos de Red del IETF

Comunicación con servers desde Android e iOS

ANDROID

Trabajando desde mi aplicación Android con JSON

Crear y leer un archivo JSON

Mi aplicación Android con Twitter

iOS

ESPACIO EN CONSTRUCCION, DISCULPEN LAS MOLESTIAS

Curso Express para aprender ASP.Net en 7 días

noreply@blogger.com (David) — Tue, 28 Oct 2014 21:30:00 +0000

Curso Express ASP.Net en arquitectura MVC5

Hola developers, entre distintas entrevistas de curros, me he tenido que actualizar un poquito, que hacía bastante que no lo tocaba. Dejo aquí un tutorial muy interesante y eficiente para aprender ASP.Net en poquito tiempo. Espero que os sirva!

http://www.codeproject.com/Articles/207797/Learn-MVC-Model-View-Controller-step-by-step-in

iOS : Ejercicio 23. Acceder al directorio Documents de nuestro iPhone

noreply@blogger.com (David) — Thu, 02 Oct 2014 00:30:00 +0000

Blog >Lista ejercicios > Ejercicio 23

Ejercicio 23 : Accediendo al directorio Documents de nuestro proyecto

Acceder al directorio de la aplicación:
El directorio de la aplicación nos permiten guardar datos en cuatro lugares distintos :

DOCUMENTS : Ubicación principal donde la aplicación guarda sus datos.

PREFERENCES : No ha sido creado para manipular directamente los archivos.

CACHES : Guarda temporalmente los archivos que tienen que existir cuando se abre la aplicación.

TMP : Se usa para guardar los archivos temporales innecesarios una vez se abre la aplicación.

Las aplicaciones son las encargadas y únicas responsables de
limpiar el contenido de estas carpetas para que el dispositivo se encuentre optimizado.

NSSearchPathForDIrectoriesInDomains : Sirve para obtener la ruta de los directorios Caches y Documents. La función devuelve una instancia de NSArray con el listado de directorios.

NSTemporalyDirectory : Sirve para obtener la ruta de la carpeta tmp.

stringByAppendingPathComponent:@"Datos.dat" : Nos permite acceder a Datos.dat contenido en un directorio en concreto.

CLASE NSFileManager
Sólo puede haber una instancia única durante el ciclo de vida de la aplicación. Esta es la clase que nos permite manipular los archivos contenidos en los directorios de la aplicación.

Una vez leida esta pequeña introducción, vamos a empezar con el ejercicio.Comenzamos agregando una nueva clase de Objective C que herede de NSObject,hay que destacar que si hay alguna referencia a outlets no funcionará.Además hacemos que herede de NSCoding

En el .h creamos 2 variables para almacenar los datos, una para el nombre y otra para el teléfono.
NSCoding nos obliga a usar dos métodos de instancia encodeWithCoder y initWithCoder, cada uno de estos métodos codifican y decodifican sus propiedades. Para que quede más claro es como crear una especie de "almacen".

Un objeto puede recibir estos métodos cualquier número de veces. initWithCoder instruye al objeto para inicializar a partir de datos del codificador proporcionado sustituyendo a cualquier otro método de inicialización y sólo se envía una vez al objeto.

.h

//  Datos.h
//  Documents
//
//  Created by makone moreno on 20/09/14.
//  Copyright (c) 2014 makone moreno. All rights reserved.
//
#import 
@interface Datos : NSObject 
@property (nonatomic,strong) NSString *nombre;
@property (nonatomic,strong) NSString *telefono;

@end

//  Datos.m
//  Documents
//
//  Created by makone moreno on 20/09/14.
//  Copyright (c) 2014 makone moreno. All rights reserved.
//
#import "Datos.h"
@implementation Datos

@synthesize nombre;
@synthesize telefono;

//METODO PARA  INICIALIZARLAS, SUPERCLASE
-(id)initWithCoder:(NSCoder *)aDecoder{
    if (self = [super init]){
        nombre = [aDecoder decodeObjectForKey:@"nombre"];
        telefono = [aDecoder decodeObjectForKey:@"telefono"];
    }
    return self;
}

//METODO QUE SIRVE PARA CODIFICAR LAS VARIABLES DEL OBJETO
- (void)encodeWithCoder:(NSCoder *)aCoder{
    [aCoder encodeObject:nombre forKey:@"nombre"];
    [aCoder encodeObject:telefono forKey:@"telefono"];
    
}
@end

Abrimos nuestro storyboard e insertamos un botón, creamos la conexión y creamos un NSArray para guardar los contactos del telefono.

//  ViewController.h
//  Documents
//
//  Created by makone moreno on 20/09/14.
//  Copyright (c) 2014 ___FULLUSERNAME___. All rights reserved.
//

#import 
#import "Datos.h"

@interface ViewController : UIViewController
@property (strong, nonatomic)NSArray *lista;
- (IBAction)BotonGuardar:(id)sender;
@end

//  ViewController.m
//  Documents
//
//  Created by makone moreno on 20/09/14.
//  Copyright (c) 2014 ___FULLUSERNAME___. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController
@synthesize lista;++
- (void)viewDidLoad
{
    [super viewDidLoad];
    //OBJETO PARA ALMACENAR RUTA
 NSArray *ruta= NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
    //RUTA DOCUMENTS
    NSString *directorioDocuments = [ruta objectAtIndex:0];
    //BUSCAMOS EL ARCHIVO DatosContacto.dat
    NSString *rutaArchivo = [directorioDocuments stringByAppendingPathComponent:@"DatosContacto.dat"];
    
    //MENSAJE PARA SABER SI EL ARCHIVO EXISTE
    if([[NSFileManager defaultManager] fileExistsAtPath:rutaArchivo]==NO){
        UIAlertView *msgError = [[UIAlertView alloc] initWithTitle:@"DatosContacto.dat no encontrado" message:@"Creandolo..." delegate:nil cancelButtonTitle:@"Ok" otherButtonTitles:nil, nil];
        
        [msgError show];
        //CONTACTO1
        Datos *d1 = [[Datos alloc]init];
        d1.nombre = @"Paca";
        d1.telefono = @"666666666";
        //CONTACTO2
        Datos *d2 = [[Datos alloc]init];
        d2.nombre = @"Eugenia";
        d2.telefono = @"777777777";
        //CONTACTO3
        Datos *d3 = [[Datos alloc]init];
        d3.nombre = @"Atapuerca";
        d3.telefono = @"888888888";
        
        lista = [NSArray arrayWithObjects:d1,d2,d3, nil];

    }else{
        //SI EL ARCHIVO EXISTE NO HAY QUE CREARLO, SIMPLEMENTE RECOGEMOS LOS CONTACTOS
        lista = [NSKeyedUnarchiver unarchiveObjectWithFile:rutaArchivo];
        //CREAMOS MENSAJE
        NSString *mensaje = [NSString stringWithFormat:@"Cargados %d objetos", [lista count]];
        //VENTANA DE AVISO
        UIAlertView *toast= [[UIAlertView alloc] initWithTitle:@"Archivo encontrado!" message:mensaje delegate:nil cancelButtonTitle:@"OK" otherButtonTitles:nil, nil];
        [toast show];
    }
}
- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
- (IBAction)BotonGuardar:(id)sender {
    NSArray *ruta = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
    //RUTA DOCUMENTS
    NSString *directorioDocuments = [ruta objectAtIndex:0];
    //BUSCAMOS EL ARCHIVO DatosContacto.dat
    NSString *rutaArchivo = [directorioDocuments stringByAppendingPathComponent:@"DatosContacto.dat"];
    //ALMACENAMOS EN UNA VARIABLE BOOLEANA EL RESULTADO DE SI SE HA ENCONTRADO O NO EL ARCHIVO
    BOOL result = [NSKeyedArchiver archiveRootObject:lista toFile:rutaArchivo];
    if (result == YES) {
        UIAlertView *msgError = [[UIAlertView alloc] initWithTitle:@"El archivo ya ha sido guardado" message:@"Creandolo..." delegate:nil cancelButtonTitle:@"Ok" otherButtonTitles:nil, nil];
   [msgError show];
    }else{
        UIAlertView *msgError = [[UIAlertView alloc] initWithTitle:@"Error al guardar el archivo" message:@"" delegate:nil cancelButtonTitle:@"Ok" otherButtonTitles:nil, nil];
   [msgError show];
    }
}
@end

Bien, vemos el resultado, la primera vez que se ejecuta la aplicación, no está creado el archivo, entonces :

Si pulsamos en el botón guardar, veremos esto :

Y por último, si volvemos a ejecutar la aplicación, veremos que ya se ha creado el archivo anteriormente :

Indice

Ejercicio anterior

Siguiente ejercicio

iOS : Ejercicio 22. Twitter & Facebook en nuestro iPhone

noreply@blogger.com (David) — Wed, 01 Oct 2014 23:30:00 +0000

Blog >Lista ejercicios > Ejercicio 22

Ejercicio 22 : Poniendo botones sociales Twitter & Facebook en nuestro iPhone

Configuramos cuenta twitter en emulador de XCode, sino no funcionará, también insertamos una cuenta sino, tampoco funcionará.

Creamos un nuevo proyecto : single view application. Ahí abrimos el storyboard y añadimos dos botones, yo he insertado dos imágenes de mi blog para ponerlas de background en los botones y además dos labels :

Twitter
Desde la versión 5 de iOS, Apple incluye la integración de Twitter en el sistema operativo de los dispositivos.

Este framework proporciona una hoja para los tweets que tendremos que usar para que las aplicaciones desarrolladas envien tweets.

Usaremos una instancia de TWTwitterComposerViewController, que tiene una interfad de usuario que permite escribir el mensaje a enviar, así como añadir la ubicación e incluso adjuntar alguna imagen. Para verificar si se ha llevado a cabo con éxito la operción, usaremos estos métodos, que son booleanos :

setInitialText

addImage

TwiaddUrl

Y en el caso de que queramos descartar la hoja de tweets usaremos el método dismissViewControllerAnimated

Establecemos las conexiones de los dos botones y los dos labels, además importamos la libreria de Twitter :

Y este es el código para escribir un tweet en twitter, he añadido una imágen al proyecto para twittear en twitter:

//
//  ViewController.h
//  FacebookTwitter
//
//  Copyright (c) 2014 ___FULLUSERNAME___. All rights reserved.
//

#import 
#import 
@interface ViewController : UIViewController
@property (weak, nonatomic) IBOutlet UILabel *labelDisponibleTwitter;
@property (weak, nonatomic) IBOutlet UILabel *labelDisponibleFacebook;
- (IBAction)botonTwitter:(id)sender;
- (IBAction)botonFacebook:(id)sender;
@end

//
//  ViewController.m
//  TwitterFacebook
//
//  Created by makone moreno on 15/09/14.
//  Copyright (c) 2014 ___FULLUSERNAME___. All rights reserved.
//
#import "ViewController.h"
@interface ViewController ()
@end

@implementation ViewController
@synthesize labelDisponibleFacebook;
@synthesize labelDisponibleTwitter;
- (void)viewDidLoad
{
    [super viewDidLoad];
    //Si se puede enviar Tweets
    if([TWTweetComposeViewController canSendTweet]){
        labelDisponibleTwitter.text=@"Iniciando servicio";
    }else{
        labelDisponibleTwitter.text=@"No se puede iniciar el servicio";
    }
}
- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
- (IBAction)botonTwitter:(id)sender {  if ([TWTweetComposeViewController canSendTweet]==NO) {
    //MENSAJE NO DISPONIBLE
    UIAlertView *mensaje=[[UIAlertView alloc]initWithTitle:@"Servicio no disponible"
                                                   message:@"No se puede realizar la conexion"
                                                  delegate:nil
                                         cancelButtonTitle:@"Ok"
                                         otherButtonTitles:nil, nil];
    [mensaje show];
    //Salimos
    return;
}
    //Sino entra en el if, carga la hoja para escribir el tweet
TWTweetComposeViewController *HOJATWEET=[[TWTweetComposeViewController alloc] init];
    //AÑADO TEXTO
    [HOJATWEET setInitialText:@"Programando en iOS"];
    //AÑADO IMAGEN
    [HOJATWEET addImage:[UIImage imageNamed:@"logo_PURO.png"]];
    //AÑADO URL
    [HOJATWEET addURL:[NSURL URLWithString:@"http//:www.thebestandroide.blogspot.com.es"]];
    [self presentViewController:HOJATWEET animated:YES completion:^{
        //CODIGO A EJECUTAR EN CUANTO SE ENVIE EL TWEET
    }];
}
- (IBAction)botonFacebook:(id)sender {

}

@end

.m

Ahora al iniciar el emulador:

Facebook
El método es muy similar al de twitter, pero en este caso no hay que añadir ningún framework, aun así hay que configurar nuevamente el emulador para que tenga una cuenta en facebook, después sólo hay que rellenar el botón correspondiente a la conexión del botón de facebook,veamos como queda :

.m

- (IBAction)botonFacebook:(id)sender {
    //Si se puede enviar post en facebook
    if([SLComposeViewController isAvailableForServiceType:SLServiceTypeFacebook]==NO){
        //MENSAJE NO DISPONIBLE
        UIAlertView *mensaje=[[UIAlertView alloc]initWithTitle:@"Servicio no disponible"
                                                       message:@"No se puede realizar la conexion"
                                                      delegate:nil
                                             cancelButtonTitle:@"Ok"
                                             otherButtonTitles:nil, nil];
        [mensaje show];
        //Salimos
        return;
    }
    SLComposeViewController *HOJAFACE =[SLComposeViewController composeViewControllerForServiceType:SLServiceTypeFacebook];
    //AÑADO TEXTO
    [HOJAFACE setInitialText:@"Programando en iOS"];
    //AÑADO IMAGEN
    [HOJAFACE addImage:[UIImage imageNamed:@"logo_PURO.png"]];
    //AÑADO URL
    [HOJAFACE addURL:[NSURL URLWithString:@"http//:www.thebestandroide.blogspot.com.es"]];
    [self presentViewController:HOJAFACE animated:YES completion:^{
        //codigo que se ejecuta segun se ha publicado
    }];
}

Indice

Ejercicio anterior

Siguiente ejercicio

iOS : Ejercicio 21. IUWebView cargando código HTML, Javascript y URL

noreply@blogger.com (David) — Wed, 01 Oct 2014 22:25:00 +0000

Blog >Lista ejercicios > Ejercicio 21

Ejercicio 21: IUWebView interpretando HTML, Javascript y una URL

Creamos un proyecto de la forma habitual : create new proyect - Single view application
Ahora en nuestro storyboard añadimos un UIWebView y 3 botones, además de poner a cada elemento su conexión pertinente :

Bien, ahora le daremos funcionalidad a cada botón, que al pulsarlo, cargue un código html hecho por nosotros, un código Javascript, o una URL de una página externa :

.h

//  ViewController.h
//  WebView
//
//  Created by makone moreno on 16/09/14.
//  Copyright (c) 2014 ___FULLUSERNAME___. All rights reserved.
//
#import 
@interface ViewController : UIViewController
@property (weak, nonatomic) IBOutlet UIWebView *wEb;
- (IBAction)Web:(id)sender;
- (IBAction)Javascript:(id)sender;
- (IBAction)URL:(id)sender;
@end

//
//  ViewController.m
//  WebView
//
//  Created by makone moreno on 16/09/14.
//  Copyright (c) 2014 ___FULLUSERNAME___. All rights reserved.
//
#import "ViewController.h"

@interface ViewController ()
@end

@implementation ViewController
@synthesize wEb;
- (void)viewDidLoad
{
    [super viewDidLoad];

// Do any additional setup after loading the view, typically from a nib.
}
- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
//BOTON HTML
- (IBAction)Web:(id)sender {
    NSString *codigoHTML=@"
cODIGO html

Párrafo negrita
";
    [wEb loadHTMLString:codigoHTML baseURL:nil];
}
//BOTON JAVASCRIPT
- (IBAction)Javascript:(id)sender {
    NSString *codigoJavasCript=@"alert('CODIGO JAVASCRIPT')";
    [wEb loadHTMLString:codigoJavasCript baseURL:nil];
}
//BOTON URL
- (IBAction)URL:(id)sender {
    //MUY IMPORTANTE, SINO PONEMOS EL http:// NO FUNCIONA
    NSURL *url=[[NSURL alloc] initWithString:@"http://www.google.es"];
    NSURLRequest *respuesta=[[NSURLRequest alloc] initWithURL:url];
    [wEb loadRequest:respuesta];
}
@end

Es bastante sencillo e intuitivo,simplemente hay que jugar con las propiedades del webView, la que más llama la atención es loadHtmlString, que es la que se suele usar en la mayoría de los casos para la carga de contenido, así que por eso comento muy poquito el código.

Indice

Ejercicio anterior

Siguiente ejercicio

iOS : Ejercicio 20. Reproduciendo video en nuestro iPhone

noreply@blogger.com (David) — Wed, 01 Oct 2014 21:30:00 +0000

Blog >Lista ejercicios > Ejercicio 20

Hola developers, continuamos con los ejercicios básicos en iOS con el numero 20.

Ejercicio 20 : Reproducción video en iPhone :
iOS soporta la mayoria de los codecs de video, el más común es .mp4 (sistema H263, H264)

En este ejercicio primero lo haremos insertando el vídeo en el proyecto, además del framework necesario: MediaPlayer por medio de una vista.

Creamos un proyecto de la forma habitual: create new proyect - single view application :

Después añadimos el framework necesario para hacer el objeto MPMoviePlayer, así que sobre el proyecto hacemos click y en Build Phases, en la opción Link Binary With Libraries pulsando el + añadimos la libreria MediaPlayer.framework.

Ahora hacemos la instancia global MPMoviePlayerController, que va a ser donde se va a reproducir nuestro vídeo, lo hacemos en el archivo .h; añadimos video al proyecto, no olvidemos importar la librería.

Clickamos en el botón derecho en la carpeta del proyecto y seleccionando Add Files to "nombreProyecto", seleccionamos el archivo y lo añadimos :

.H

//  ViewController.h
//  Reproductor_video
//  Copyright (c) 2014 ___FULLUSERNAME___. All rights reserved.
//
#import 
#import 
@interface ViewController : UIViewController
@property (nonatomic,strong) MPMoviePlayerController *Reproductor;
@end

Por último ponemos en el código .M ponemos el código necesario para reproducir el vídeo que anteriormente hemos importado al proyecto

.M

//  ViewController.m
//  Reproductor_video
//
//  Created by makone moreno on 12/09/14.
//  Copyright (c) 2014 ___FULLUSERNAME___. All rights reserved.
//
#import "ViewController.h"

@interface ViewController ()
@end

@implementation ViewController
@synthesize Reproductor;
- (void)viewDidLoad
{
    [super viewDidLoad];
    //INSTANCIAMOS EL VIDEO
    NSString *video= [[NSBundle mainBundle]pathForResource:@"shark" ofType:@"mp4"];
    //RUTA DEL VIDEO
    NSURL *direccion= [[NSURL alloc]initFileURLWithPath:video];
    //INICIALIZAMOS
    Reproductor=[[MPMoviePlayerController alloc] initWithContentURL:direccion];
    //CONFIGURAMOS LA PROPIEDAD VIEW DEL REPRODUCTOR PARA ASIGNARLE UN TAMAÑO
    Reproductor.view.frame=CGRectMake(30, 30, 200, 200);
    //Y AHORA SU VISTA LA AÑADIMOS A LA VISTA PRINCIPAL
    [self.view addSubview:Reproductor.view];
    [Reproductor play];
}
- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
}
@end

Ejecutamos el proyecto para probarlo.

También podemos usar MPMoviePlayerController para reproducir videos en streaming.

Los vídeos suelen ser ficheros grandes que pueden tardar en cargarse un tiempo determinado.Para todo aquel que no sepa que significa "in Streaming", se hace referencia al video que se graba en modo "online" es decir, en directo.

Subimos un video a dropbox, de la misma manera que se explica como subir una imagen aquí.
Si queremos saber cuando ha terminado la carga del vídeo podemos insertarlo a la notificación MPMoviePlayerContentPreloadDidFinishNotification así:

.M

//  ViewController.m
//  Reproductor_video
//
//  Created by makone moreno on 12/09/14.
//  Copyright (c) 2014 ___FULLUSERNAME___. All rights reserved.
//
#import "ViewController.h"

@interface ViewController ()
@end

@implementation ViewController
@synthesize Reproductor;
- (void)viewDidLoad
{
    [super viewDidLoad];
    NSURL *url = [NSURL URLWithString:@"https://dl.dropbox.com/s/kgxftmkehugywzm/shark.mp4?dl=0"];
    [[NSNotificationCenter defaultCenter] addObserver:self
                                             selector:@selector(moviePlaybackDidFinish:)
                                                 name:MPMoviePlayerPlaybackDidFinishNotification
                                               object:Reproductor];
    //INICIALIZAMOS
    Reproductor=[[MPMoviePlayerController alloc] initWithContentURL:url];
    //CONFIGURAMOS LA PROPIEDAD VIEW DEL REPRODUCTOR PARA ASIGNARLE UN TAMAÑO
    Reproductor.view.frame=CGRectMake(30, 30, 200, 200);
    //Y AHORA SU VISTA LA AÑADIMOS A LA VISTA PRINCIPAL
    [self.view addSubview:Reproductor.view];
    [Reproductor play];

}
- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
}
@end

Y bien este es el resultado, como podeis observar se crean los controles de forma automática sin necesidad de insertar código :

Indice

Ejercicio anterior

Siguiente ejercicio

iOS : Ejercicio 19. Reproducción .mp3 en XCode

noreply@blogger.com (David) — Wed, 01 Oct 2014 20:49:00 +0000

Hola developers, continuamos con los ejercicios básicos en iOS con el numero 19.

Blog >Lista ejercicios > Ejercicio 19

Ejercicio 19 : Reproducción audio en nuestro iPhone

Para reproducir sonidos el software de iOS nos proporciona el framework AVFoundation. Este software puede reproducir casi la mayoría de los formatos de audio, y aunque el principal es el .mp3, también puede reproducir .caf, .aiff o .wav .

Clases del framework AVFoundation :

AVAudioMix : Clase que maneja los parámetros de entrada para mezclar distintas pistas de audio.

AVMutableAudioMix : Clase que gestiona los parámetros de entrada para mezclar el audio.

AVAsset : Clase abstracta que representa medios como videos o audios cronometrados.

AVCaptureDevice : Clase que representa un dispositivo físico de captura junto a sus propiedades asociadas.

AVPlayer : Clase para implementar controladores o interfaces para reproducir uno o varios sonidos.

AVPlayerLayer : Subclase de CALayer a la cual un objeto AVPlayer puede dirigir su salida visual.

Creamos un proyecto de la forma habitual: create new proyect - single view application

Agregamos el framework necesario para hacer el objeto AVFoundation, así que sobre el proyecto hacemos click y en Build Phases, en la opción Link Binary With Libraries pulsando el + añadimos la libreria framework AVFoundation e importamos la libreria, seguidamente arrastramos .mp3 al proyecto.

Vamos a nuestro storyboard y agregamos 2 botones y 2 labels con sus conexiones pertinentes

Ahora tenemos que hacer una variable global de AVAudioPlayer para poder reproducir el sonido, añadimos una cancion al proyecto pulsando botón derecho sobre la carpeta del proyecto y pulsando sobre "Add files to "nombreproyecto"

Y este es el código para reproducir el sonido :

.h

#import 
#import 
@interface ViewController : UIViewController 
@property (nonatomic,strong) AVAudioPlayer *reproductor;
@property (weak, nonatomic) IBOutlet UILabel *nombre;
@property (weak, nonatomic) IBOutlet UILabel *duracion;
- (IBAction)play:(id)sender;
- (IBAction)Stop:(id)sender;
@end

#import "ViewController.h"
@interface ViewController ()

@end

@implementation ViewController
@synthesize reproductor;
@synthesize duracion;
- (void)viewDidLoad
{
    [super viewDidLoad];
    NSError *error;
    //INSTANCIA DE LA CANCION
    NSString *ruta = [[NSBundle mainBundle] pathForResource:@"Enloquecer" ofType:@"mp3"];
    //NSLog(@"LA RUTA ES %@",ruta);
    //LO CONVERTIMOS EN URL
    NSURL *direccion = [[NSURL alloc] initFileURLWithPath:ruta];
    //Lo asociamos al reproductor
    self.reproductor = [[AVAudioPlayer alloc]initWithContentsOfURL:direccion error:&error];    
    //ES para darle balance
    //0 - Igual altavoz izquierdo que altavoz derecho
    //-1 - Solo izquierdo
    //1 - solo derecho
    self.reproductor.pan=0;
    self.reproductor.numberOfLoops=1; //NUMERO DE REPETICIONES : VALOR NEGATIVO INFINITAS VECES
    self.reproductor.volume=1;        //MANEJA VOLUMEN rango 0 - 1
    [self.reproductor prepareToPlay]; //Preparamos la reproducción
}
- (IBAction)play:(id)sender {
    [self.reproductor play];
}
- (IBAction)Stop:(id)sender {
    [self.reproductor stop];
}
@end

Bien, vamos a mostrar ahora el tiempo que queda para que acabe la canción, haremos un timer, lo que pasa que nos dará el resultado en segundos y milisegundos, además que queremos hacerlo regresivo, es decir desde el final a 0. Esto lo conseguimos restando el tiempo transcurrido al tiempo total de la canción, y aplicandole el formato correcto para que aparezcan minutos y segundos, ¿Como se hace? Así...

.m

#import "ViewController.h"

@interface ViewController ()
@end

@implementation ViewController
@synthesize reproductor;
@synthesize duracion;
NSTimer *timer ;
- (void)viewDidLoad
{
    [super viewDidLoad];
    NSError *error;
    //INSTANCIA DE LA CANCION
    NSString *ruta = [[NSBundle mainBundle] pathForResource:@"Enloquecer" ofType:@"mp3"];
    //NSLog(@"LA RUTA ES %@",ruta);
    //LO CONVERTIMOS EN URL
    NSURL *direccion = [[NSURL alloc] initFileURLWithPath:ruta];
    //Lo asociamos al reproductor
    self.reproductor = [[AVAudioPlayer alloc]initWithContentsOfURL:direccion error:&error];
    //ES para darle balance
    //0 - Igual altavoz izquierdo que altavoz derecho
    //-1 - Solo izquierdo
    //1 - solo derecho
    self.reproductor.pan=0;
    self.reproductor.numberOfLoops=1; //NUMERO DE REPETICIONES : VALOR NEGATIVO INFINITAS VECES
    self.reproductor.volume=1;        //MANEJA VOLUMEN rango 0 - 1
    [self.reproductor prepareToPlay]; //Preparamos la reproducción
    //CREAMOS TIMER PARA MOSTRAR EL TIEMPO TRANSCURRIDO
    timer = [NSTimer scheduledTimerWithTimeInterval:1.0
                              target:self
                              selector:@selector(updateTime)
                              userInfo:nil
                              repeats:YES];
    //Texto label action
    self.nombre.text = [NSString stringWithFormat:@"Cargando..."];
}
//FUNCION TIMER
-(void)updateTime{
    //DURACION CANCION - DURACION TIEMPO TRANSCURRIDO
    NSTimeInterval timeLeft = self.reproductor.duration - self.reproductor.currentTime;
    //FORMATO MINUTOS
    div_t m = div(timeLeft, 60);
    int minutos =m.quot;
    //FORMATO SEGUNDOS
    int seconds =m.rem;
    //ACTUALIZAR TIEMPO CONSTANTEMENTE
    self.duracion.text=[NSString stringWithFormat:@"%d.%d",minutos,seconds];
}
- (IBAction)play:(id)sender {
    [self.reproductor play];
    self.nombre.text = [NSString stringWithFormat:@"Reproduciendo"];
}
- (IBAction)Stop:(id)sender {
    [self.reproductor pause];
    self.nombre.text = [NSString stringWithFormat:@"Pausado"];
}
@end

Y este es el resultado...

Indice

Ejercicio anterior

Siguiente ejercicio

iOS : Ejercicio 18. Haciendo transición entre vistas

noreply@blogger.com (David) — Wed, 01 Oct 2014 19:26:00 +0000

Blog >Lista ejercicios > Ejercicio 18

Hola developers, continuamos con el tutorial de ejercicios básicos de iOS, esta vez vamos a hacer una transición entre vistas mediante Core Animation.

Ejercico 18 : Transición entre vistas mediante Core Animation

Creamos un proyecto de la forma habitual : create new Proyect - Single View Application.

Vamos a nuestro storyboard, y ahi insertamos una View y un label, a esa View la cambiamos el color :

Repetimos el mismo proceso, solo que ahora en el label pondremos Vista 2 y un botón :

Ahora realizamos las conexiones pertinentes :

Bien es hora de llevar a cabo el cambio de vista mediante la programación, crearemos una variable booleana, que es la que nos va a decir que vista hay puesta, y después usaremos el método UIView transitionFromView para realizar el cambio. Bien, ahora ejecutamos el proyecto :

Y al pulsar el botón :

Pero si volvemos a pulsar el botón :

Vemos que se ha ocultado, por ahí dicen las malas lenguas que este error se produce porque las vistas no estan cuadradas una con la otra... así que a cuadrarlo hasta que funcione (tarde 40 minutos... es lo que tiene)

Indice

Ejercicio anterior

Siguiente ejercicio

Cursos universitarios gratuitos

noreply@blogger.com (David) — Thu, 11 Sep 2014 09:30:00 +0000

Hola amiguetes developers!!

He recibido la notificación de esta tanda de cursos universitarios de origen anglosajon y español que imparten varias universidades, son online y gratuitos, van desde Phyton a desarrollo de app´s android, e incluso OpenGL. Espero que le sirva a más de uno :

Cursos universitarios online gratuitos

http://nr.news-republic.com/Web/ArticleWeb.aspx?regionid=7&articleid=28582572&m=d

iOS : Ejercicio 17. Cargar imagen en UIImageView desde internet

noreply@blogger.com (David) — Thu, 04 Sep 2014 10:03:00 +0000

Blog >Lista ejercicios > Ejercicio 17

Hola desarrolladores,vamos con el tutorial de ejercicios completando la parte de multihilos de iOS.

Ejercicio 17: Conectarse a la red y cargar una imagen desde internet

Creamos un proyecto de la forma habitual,create new proyect - single view application. Ahí crearemos en el storyboard 2 objetos con sus correspondientes conexiones : una ImageView y un Button :

Vamos a utilizar una variable de tipo NSData :

NSData es un objeto genérico para empaquetar buffers de datos, se usa para transmitir o guardar datos en estado puro.

Pero antes de eso, vamos a subir una imagen a un servidor para poder utilizarla, yo personalmente y entre otros uso dropbox, es gratuito, así que sino teneis no se que haceis con vuestra vida pero deberiais, se hace muy rapido, te registras y te bajas el cliente desde aquí.

Ahora subimos esta imagen o la que elijamos (que friquis somos los informáticos) :

Y una vez la imágen ha sido subida a arriba botón derecho - copiar enlace publico. Bien por la política de dropbox para que sea público tenemos 2 opciones, o moverla a la carpeta que nos crea por defecto dropbox llamada "Public" o cambiamos las tres www por dl de tal manera que nos queda el enlace así :

https://dl.dropbox.com/s/oulaen0jeknx718/img.jpg?dl=0

Volvamos a XCode y en el .m donde la función de acción del botón, creamos el archivo NSData junto a otra variable NSUrl donde esta la url de nuestra imagen :

@interface ViewController : UIViewController
@property (weak, nonatomic) IBOutlet UIImageView *Img;
- (IBAction)botonAccionImg:(id)sender;
@end
- (IBAction)botonAccionImg:(id)sender {
    //URL IMAGEN
    NSURL *url= [NSURL URLWithString:@"https://dl.dropbox.com/s/oulaen0jeknx718/image.jpg?dl=0"];
    //NSDATA CON URL
    NSData *dato=[NSData dataWithContentsOfURL:url];
    //LO CARGAMOS EN LA IMAGEN
    [self.Img setImage=[UIImage imageWithData:dato]];
}

Ejecutamos el proyecto y al pulsar el boton de "Cargar Imagen" se carga nuestra imagen perfectamente, sólo que hay una pega, desde que se pulsa el botón, hasta que se carga la imagen, no podemos hacer nada es decir, en este proyecto sólo hay un boton con el que interactuar, pero si hubiera más elementos con los que interactuar, no podríamos tocarlos.

(Podeis probar insertando un tab-bar y pulsando sobre las opciones, ya vereis que no os deja)

Para que esto no ocurra, ya que de cara al usuario no queda bien que mientras se ande cargando algo se quede el teléfono como colgado,ya que tecnicamente no es así, pero da esa impresión, hay que meter este proceso en un hilo, y eso lo hacemos de la siguiente manera :

 @implementation ViewController

- (void)viewDidLoad

{
    [super viewDidLoad];
}

- (IBAction)botonAccionImg:(id)sender {
    //GESTOR DE HILOS (COLA)
    NSOperationQueue *cola=[NSOperationQueue new];
    //OPERACION A LANZAR
    //initwITHtARGET:self (sobre esta clase)
    //selector:metodo a ejecutar en el hilo que estamos creando
    //object: objeto a mandar a ese metodo
    NSInvocationOperation *operacion = [[NSInvocationOperation alloc]initWithTarget:self selector:@selector(cargarImagen) object:nil];
    //añadimos la operacion a la cola
    [cola addOperation:operacion];
}

-(void) cargarImagen{
    //URL IMAGEN
    NSURL *url= [NSURL URLWithString:@"https://dl.dropbox.com/s/oulaen0jeknx718/image.jpg?dl=0"];
    //NSDATA CON URL
    NSData *dato=[NSData dataWithContentsOfURL:url];
    //LO CARGAMOS EN UN OBJETO IMAGE
    UIImage *Img = [UIImage imageWithData:dato];
    //Volvemos al hilo principal
    [self.Img performSelectorOnMainThread:@selector(setImage:) withObject:Img waitUntilDone:YES];
}
@end

Indice

Ejercicio anterior

Siguiente ejercicio