lunes, 26 de agosto de 2019

Listview personalizado.

Hoy vamos a hacer una lista personalizada.
El ejemplo que haremos será una lista con un texto, una imagen y un checkbox para marcar o desmarcar. Servirá como una lista de favoritos, si el check está marcado, se marca como favorito.

Necesitamos:

1. Layout de la lista.
2. Adaptador de la lista.

1. Layout de la lista.
Irá en la carpeta res/layout, utilizaremos Linear Layout por su simplicidad.

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:orientation="vertical"    >    <View        android:layout_width="match_parent"        android:layout_height="1dp"        android:background="@android:color/darker_gray"/>
    <LinearLayout    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:orientation="horizontal"    >
        <CheckBox            android:id="@+id/checkBoxFavorito"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:layout_weight="3"            android:layout_gravity="center"            android:layout_marginLeft="15dp"            android:buttonTint="@color/rojoWaifu"        />
        <ImageView        android:id="@+id/imageView"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:layout_weight="3"        />
    <TextView        android:id="@+id/textView"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:textColor="#000000"        android:textSize="18sp"        android:layout_weight="1"        android:layout_marginRight="10dp"        android:shadowColor="#606060"        android:shadowDx="1.3"        android:shadowDy="1.1"        android:shadowRadius="1.4"        />    </LinearLayout>
</LinearLayout>

Tenemos un checkbox, un imageview y un text view

2. El Adapter:

public class ListaNormasAdapter extends ArrayAdapter<Norma> {
    private Context context;    private int resourceId;    private List<Norma> items;    private NormasAdapterObserver observer = null;    public static final String TAG = "ListaNormasAdapJass";
    public ListaNormasAdapter(@NonNull Context context, int layoutACargar, ArrayList<Norma> items) {
        super(context, layoutACargar, items);        this.items = items;        this.context = context;        this.resourceId = layoutACargar;
        //El observador necesario para notificar que los objetos/items de la lista han cambiado.        if(context instanceof  NormasAdapterObserver){
            this.observer = (NormasAdapterObserver) context;        }
    }

    @NonNull    @Override    public View getView(final int position, @Nullable View convertView, @NonNull ViewGroup parent) {
        ArrayList<Integer> normasFavoritas = Preferencias.getFavoritos(context, Preferencias.NORMA);        View view = convertView;        try {
            if (convertView == null) {
                LayoutInflater inflater = ((Activity) context).getLayoutInflater();                view = inflater.inflate(resourceId, parent, false);            }

            final Norma normaACargar = getItem(position);
            TextView descripcionNorma = (TextView) view.findViewById(R.id.textView);
            //Establecemos lo que queremos hacer cuando cliqueen en el texto.            descripcionNorma.setOnClickListener(new View.OnClickListener() {
                @Override                public void onClick(View v) {
                    abrirNorma(normaACargar);                }
            });
            ImageView imageView = view.findViewById(R.id.imageView);            //Establecemos lo que queremos hacer cuando cliqueen en la imagen.            imageView.setOnClickListener(new View.OnClickListener() {
                @Override                public void onClick(View v) {
                    abrirNorma(normaACargar);                }
            });

            imageView.setImageResource(normaACargar.getImagen());
            final CheckBox checkbox = view.findViewById(R.id.checkBoxFavorito);
            if(normasFavoritas.contains(normaACargar.getNumeroNorma())){
                checkbox.setChecked(true);            }
            else{
                checkbox.setChecked(false);            }

            checkbox.setOnClickListener(new View.OnClickListener() {
                @Override                public void onClick(View v) {
                    CheckBox checkbox = (CheckBox)v;                    if(!checkbox.isChecked()){
                        Preferencias.borrarFavoritos(context, Preferencias.NORMA,normaACargar.getNumeroNorma());                    }
                    else{
                        Preferencias.agregarAFavoritos(context, Preferencias.NORMA,normaACargar.getNumeroNorma());                    }
                    //Se puso un observer porque se ocupaban hacer más cosas en la activity de la lista, pero no es necesario si pueden manejar el cambio de datos aquí.
                    //Sólo recuerden llamar a setItems y a notify para que les actualice la vista.
                    if(observer != null)
                    {
                        observer.actualizarLista();                    }
                }
            });
            descripcionNorma.setText(normaACargar.getDescripcion());            //Dependiendo el grupo de norma, podemos cambiar los atributos dentro de los elementos de la lista como su color.            int color = 0;            if (normaACargar.getGrupo().equals(Constantes.GRUPO_SALUD)) {
                color = context.getResources().getColor(R.color.SALUD);            }
            else if (normaACargar.getGrupo().equals(Constantes.GRUPO_ORGANIZACION)) {
                color = context.getResources().getColor(R.color.ORGANIZACION);            }
            else if (normaACargar.getGrupo().equals(Constantes.GRUPO_SEGURIDAD)) {
                color = context.getResources().getColor(R.color.SEGURIDAD);            }
            else if (normaACargar.getGrupo().equals(Constantes.GRUPO_ESPECIFICAS)) {
                color = context.getResources().getColor(R.color.ESPECIFICA);            }
            else if (normaACargar.getGrupo().equals(Constantes.GRUPO_PRODUCTO)) {
                color = context.getResources().getColor(R.color.PRODUCTO);            }
            //Asignamos el color del texto y de los checkbox:
            descripcionNorma.setTextColor(color);            if (Build.VERSION.SDK_INT < 21) {
                CompoundButtonCompat.setButtonTintList(checkbox, ColorStateList.valueOf(color));            } else {
                checkbox.setButtonTintList(ColorStateList.valueOf(color));            }

        } catch (Exception e) {
            e.printStackTrace();        }
        return view;    }

    @Nullable    @Override    public Norma getItem(int position) {
        return items.get(position);    }

    @Override    public int getCount() {
        return items.size();    }

    @Override    public long getItemId(int position) {
        return position;    }

    private void abrirNorma(Norma norma){
        //Hacemos cosas con el objeto que cliqueó el usuario...
        //En este caso, abriremos otra actividad, pero podría ser cualqier cosa.
        Intent intent = new Intent(context, VisorPDFActivity.class);        intent.putExtra(Constantes.NUMERO_DE_NORMA, norma.getNumeroNorma());        context.startActivity(intent);    }

    public void setItems(List<Norma> items) {
        this.items = items;    }
}

3. El observer:
No es necesario, pero puede ser útil si necesitan desplegar un anuncio o algo así desde la activity que controla la lista de objetos. En este caso nada más lee de nuevo las normas favoritas y las asigna al adapter para que actualice la vista con los elementos agregados o quitados.

@Overridepublic void actualizarLista() {
    ArrayList<Norma> normasAMostrar = new ArrayList<Norma>();    for (Norma norma : normasCompletas) {
        for (int normaFavorita : Preferencias.getFavoritos(this,Preferencias.NORMA)) {
            if (norma.getNumeroNorma() == normaFavorita) {
                normasAMostrar.add(norma);            }
        }
    }
    normaAdapter.setItems(normasAMostrar);    normaAdapter.notifyDataSetChanged();}

Y el resultado sería este:



Al quitar el checkbox, si la activity que responde al evento es un NormasAdapterObserver, se eliminaría el elemento de la vista.
Por otro lado, si no es de tipo NormasAdapterObserver, podemos elegir que solamente borre de las preferencias los datos, sin quitarlo de la lista.

Espero que les sirva.
¡Saludos!

No hay comentarios:

Publicar un comentario