Tecnologías Móviles

clase 5

Ejercicio de la clase anterior

Vertical

Horizontal

Ejercicio de la clase anterior - MainActivity

public class MainActivity extends AppCompatActivity {

    FragmentManager manager;
    ListFragment list = new ListFragment();
    FormFragment form = new FormFragment();
    Boolean isPort = null;

    protected void onCreate(Bundle savedInstanceState) {
        ...

        View container = findViewById(R.id.container);
        isPort = container!=null;
        manager = getSupportFragmentManager();
        if(isPort) {
            FragmentTransaction transaction = manager.beginTransaction();
            transaction.replace(R.id.container, list);
            transaction.commit();
        } else {
            FragmentTransaction transaction = manager.beginTransaction();
            transaction.replace(R.id.listContainer, list);
            transaction.replace(R.id.formContainer, form);
            transaction.commit();
        }
    }

    ...

Ejercicio de la clase anterior - ListFragment

public class ListFragment extends Fragment {

    static UserAdapter adapter = null;
    View root;

    ...
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        if(adapter==null) {
            adapter = new UserAdapter(getActivity());
        }
        root = inflater.inflate(R.layout.fragment_list, container, false);
        FloatingActionButton fab = (FloatingActionButton) root.findViewById(R.id.fab);
        if(((MainActivity) getActivity()).isPort()) {
            fab.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    ((MainActivity) getActivity()).selectUser(null, null);
                }
            });
        } else {
            fab.setVisibility(View.INVISIBLE);
        }

        ...
    }

Ejercicio de la clase anterior - ListFragment

public class ListFragment extends Fragment {

    static UserAdapter adapter = null;
    View root;

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

        ListView list = (ListView) root.findViewById(R.id.userList);
        list.setAdapter(adapter);
        list.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                ((MainActivity) getActivity()).selectUser(adapter.getItem(position), position);
            }
        });

        return root;
    }

Ejercicio de la clase anterior - FormFragment

public class FormFragment extends Fragment {

    static View mRoot;
    static Integer mPos = null;
    static User mUser = null;


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

    private void setUser(User user) {
        EditText nombre = (EditText) mRoot.findViewById(R.id.nombre);
        EditText apellido = (EditText) mRoot.findViewById(R.id.apellido);
        EditText mail = (EditText) mRoot.findViewById(R.id.mail);
        if(user==null) {
            nombre.setText("");
            apellido.setText("");
            mail.setText("");
        } else {
            nombre.setText(user.getNombre());
            apellido.setText(user.getApellido());
            mail.setText(user.getMail());
        }
    }

    ...

Ejercicio de la clase anterior - FormFragment

public class FormFragment extends Fragment {
    ...

    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        if(mRoot==null) {
            mRoot = inflater.inflate(R.layout.fragment_form, container, false);
        }
        if(mUser!=null) {
            setUser(mUser);
        }
        Button aceptar = (Button) mRoot.findViewById(R.id.aceptar);
        Button cancelar = (Button) mRoot.findViewById(R.id.cancelar);

        aceptar.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                EditText nombre = (EditText) mRoot.findViewById(R.id.nombre);
                EditText apellido = (EditText) mRoot.findViewById(R.id.apellido);
                EditText mail = (EditText) mRoot.findViewById(R.id.mail);
                User user = new User(
                    nombre.getText().toString(), 
                    apellido.getText().toString(), 
                    mail.getText().toString());
                setUser(null);
                ((MainActivity) getActivity()).setUser(user, mPos);
                mPos = null;
                mUser=null;
            }
        });

        ...

Ejercicio de la clase anterior - FormFragment

public class FormFragment extends Fragment {
    ...

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

        cancelar.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                setUser(null);
                mPos = null;
                mUser=null;
                ((MainActivity) getActivity()).setUser(null, null);

            }
        });

        return mRoot;
    }

Ejercicio de la clase anterior - Agregar/Editar Usuario

1. List

 ((MainActivity) getActivity()).selectUser(null, null);
((MainActivity) getActivity()).selectUser(adapter.getItem(position), position);

Nuevo (click en FAB)

Editar (clic en la lista)

2. Main

public void selectUser(User user, Integer pos) {
    if(user!=null) form.selectUser(user, pos);
    if(isPort) {
        FragmentTransaction transaction = manager.beginTransaction();
        transaction.replace(R.id.container, form);
        transaction.commit();
    }
}
public void selectUser(User user, Integer pos) {
    setUser(user);
    mUser = user;
    mPos = pos;
}

3. Form

Ejercicio de la clase anterior - Agregar/Editar Usuario

4. Form

((MainActivity) getActivity()).setUser(user, mPos);
((MainActivity) getActivity()).setUser(null, null);

Aceptar

Cancelar

5. Main

public void setUser(User user, Integer pos) {
    if(user != null) {
        if (pos == null) list.addUser(user);
        else list.setUser(pos, user);
    }
    if(isPort) {
        FragmentTransaction transaction = manager.beginTransaction();
        transaction.replace(R.id.container, list);
        transaction.commit();
    }
}

Ejercicio de la clase anterior - Agregar/Editar Usuario

6. List

public void addUser(User user) {
    adapter.addItem(user);
}

public void setUser(Integer pos, User user) {
    adapter.setItem(pos, user);
}

7. Adapter

public void addItem(User usuario) {
    usrs.add(usuario);
    notifyDataSetChanged();
}

public void setItem(Integer pos, User user) {
    usrs.set(pos, user);
    notifyDataSetChanged();
}

Ejercicio de la clase anterior - UserAdapter

public class UserAdapter extends BaseAdapter {
    ...

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ...
        ImageView delete = (ImageView) convertView.findViewById(R.id.delete);
        delete.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                new AlertDialog.Builder(mContext)
                        .setIcon(android.R.drawable.ic_dialog_alert)
                        .setTitle(R.string.deleteUserTitle)
                        .setMessage(R.string.deleteUserMessage)
                        .setPositiveButton(R.string.yes, new DialogInterface.OnClickListener()
                        {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                rmItem(position);
                            }

                        })
                        .setNegativeButton(R.string.no, null)
                        .show();
            }
        });
        ...
        return convertView;
    }

    public void rmItem(int position) {
        usrs.remove(position);
        notifyDataSetChanged();
    }
}

AsyncTask

Permite ejecutar operaciones en  segundo plano, sin afectar al thread que controla la UI.

 

Se debe utilizar para operaciones cortas.

 

Para utilizarlo se debe extender la clase AsyncTask e implementar como mínimo los métodos doInBackground() y onPostExcecute()

 

Todos los métodos se ejecutan en el UI Thread, excepto doInBackground()

AsyncTask

private class DownloadFilesTask extends AsyncTask<URL, Integer, Long> {
     protected Long doInBackground(URL... urls) {
         int count = urls.length;
         long totalSize = 0;
         for (int i = 0; i < count; i++) {
             totalSize += Downloader.downloadFile(urls[i]);
             publishProgress((int) ((i / (float) count) * 100));
             // Escape early if cancel() is called
             if (isCancelled()) break;
         }
         return totalSize;
     }

     protected void onProgressUpdate(Integer... progress) {
         setProgressPercent(progress[0]);
     }

     protected void onPostExecute(Long result) {
         showDialog("Downloaded " + result + " bytes");
     }
 }
DownloadFilesTask downloadFilesTask = new DownloadFilesTask();
downloadFilesTask.execute(url1, url2, url3);

Conectar a API REST

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
ConnectivityManager connMgr = (ConnectivityManager) getSystemService(Context.CONNECTIVITY_SERVICE);
NetworkInfo networkInfo = connMgr.getActiveNetworkInfo();

if (networkInfo != null && networkInfo.isConnected()) {
    ...
}

AndroidManifest

Chequear el estado de conexión

Conectar a API REST

protected String doInBackground(String... urlStrings) {
    String myurl = urlStrings[0];
    InputStream is = null;
    // Only display the first 500 characters of the retrieved
    // web page content.
    int len = 500;
        
    try {
        URL url = new URL(myurl);
        HttpURLConnection conn = (HttpURLConnection) url.openConnection();
        conn.setReadTimeout(10000 /* milliseconds */);
        conn.setConnectTimeout(15000 /* milliseconds */);
        conn.setRequestMethod("GET");
        conn.setDoInput(true);
        // Starts the query
        conn.connect();
        int response = conn.getResponseCode();
        Log.d(DEBUG_TAG, "The response is: " + response);
        is = conn.getInputStream();
    
        // Convert the InputStream into a string
        String contentAsString = readIt(is, len);
        return contentAsString;
        
    // Makes sure that the InputStream is closed after the app is
    // finished using it.
    } finally {
        if (is != null) {
            is.close();
        } 
    }
}

Conectar a API REST

protected String doInBackground(String... urlStrings) {
        ...

        conn.setRequestMethod("POST");
        conn.setDoInput(true);
        conn.setDoOutput(true);
        conn.setChunkedStreamingMode(0);
        // Starts the query
        conn.connect();
        OutputStream out = new BufferedOutputStream(conn.getOutputStream());
        writeStream(out);

        ...
}

Enviar contenido con el pedido

Ejercicio

A la aplicación creada en el ejercicio de la clase anterior, agregarle las siguientes características: 

  • El listado de usuarios debe obtenerse haciendo GET a http://tm5-agmoyano.rhcloud.com/
  • Si se agrega un usuario, se debe enviar un pedido POST a http://tm5-agmoyano.rhcloud.com/ con los parámetros nombre, apellido y mail en el body.
  • Si se modifica un usuario, se debe enviar un pedido PUT a http://tm5-agmoyano.rhcloud.com/:index con los parámetros nombreapellido y mail en el body (reemplazar :index por el número de posición en el array de usuarios).
  • Si se elimina un usuario,  se debe enviar un pedido DELETE a http://tm5-agmoyano.rhcloud.com/:index (reemplazar :index por el número de posición en el array de usuarios).
  • Todas las acciones cargan nuevamente el listado.
  • Todos los pedidos deben realizarse en un thread separado al de UI.
Made with Slides.com