en Sin categoría

Listado paginado con RecyclerView y SwipeRefreshLayout

Se implementa un recycler view que carga de forma paginada, y refresca cuando es arrastrado hacia abajo.

EN el XML se resalta las lineas importantes, las demás son solo diseño o si se quiere mostrar un mensaje cuando no hay resultados.

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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"
    xmlns:app="http://schemas.android.com/apk/res-auto">


    <LinearLayout
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"

        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <EditText
            android:id="@+id/pick_conductor_in_name"

            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:ems="10"
            android:inputType="textPersonName"
            android:text="Nombre de conductor" />


        <LinearLayout
            android:id="@+id/pick_conductor_layout_list_empty"

            android:layout_width="match_parent"

            android:layout_height="0dp"
            android:gravity="center"
            android:orientation="vertical">

            <TextView
                android:id="@+id/pick_conductor_tv_list_empty"

                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:fontFamily="sans-serif-light"
                android:gravity="center"
                android:paddingStart="20dp"
                android:paddingEnd="20dp"
                android:text="No se encontró resultados"
                android:textSize="20sp" />
        </LinearLayout>
        
        <android.support.v4.widget.SwipeRefreshLayout
            android:id="@+id/pick_conductor_swipe"

            android:layout_width="match_parent"

            android:layout_height="0dp"
            android:visibility="gone">
            <android.support.v7.widget.RecyclerView
                android:id="@+id/pick_conductor_rv"
                android:layout_width="match_parent"
                android:layout_height="match_parent" />
        </android.support.v4.widget.SwipeRefreshLayout>

    </LinearLayout>
</android.support.constraint.ConstraintLayout>

Para el listado, lo típico es usar el viewholder y enlazar, en este caso, se usara un view, que lo usara el adapter y el modelo del objeto.

/**
 * Created by Javier Solis (solis.unmsm@gmail.com)  on 5/11/20
 */
public class PickConductorModel {
    public int id;
    public String name;
}
....

/**
 * Created by Javier Solis (solis.unmsm@gmail.com)  on 5/11/20
 */
public class PickConductorItemView extends LinearLayout implements GenericRecyclerViewRow<PickConductorModel> {

    @BindView(R.id.pick_conductor_item_name)
    TextView tvName;

    /**....Constructors...**/

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        ButterKnife.bind(this,getRootView());
    }


    @Override
    public void showData(PickConductorModel item) {
        //setear valores 
        UtilTextView.setObjectValueOrNull(tvName,item.name);
    }


}
<?xml version="1.0" encoding="utf-8"?>
<!--ITEM VIEW-->
<com.ejemplo.presentation.itemview.PickConductorItemView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:padding="10dp">


                <TextView android:id="@+id/pick_conductor_item_name"
                    android:textSize="12sp"
                    android:text="--"
                    android:textStyle="bold" android:layout_width="wrap_content"
                    android:layout_height="wrap_content" >
                </TextView>

</com.ejemplo.presentation.itemview.PickConductorItemView>

Finalmente se instancia la clase Loader con los datos necesario para su construcción:

...

/**
 * Created by Javier Solis (solis.unmsm@gmail.com)  on 5/11/20
 */
public class PickConductorDialog extends DialogFragment {

    @BindView(R.id.pick_conductor_in_name)
    EditText inNameConductor;

    //@BindView(R.id.pick_conductor_rv)
    //RecyclerView rvConductores;

    LoaderListPaginate loaderListPaginate;

     //OPTIONAL
    @OnTextChanged(R.id.pick_conductor_in_name)
    public void onChangeNameConductor(){
        if(inNameConductor.getText().toString().length()>3){
            //search
        }
        else{
            //clean list
        }
    }

    public static PickConductorDialog newInstance() {
        PickConductorDialog frag = new PickConductorDialog();
        Bundle args = new Bundle();
        frag.setArguments(args);
        return frag;
    }


    private OnPickClick pickClick;
    public void setPickClick(OnPickClick pickClick) {
        this.pickClick = pickClick;
    }

    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState) {

        AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
        LayoutInflater inflater = getActivity().getLayoutInflater();
        View view = inflater.inflate(R.layout.dialog_pick_conductor, null);


        ButterKnife.bind(this,view);
        //setCancelable(false);

        builder.setView(view);
        Dialog dialog = builder.create();

        dialog.getWindow().setBackgroundDrawable(
                new ColorDrawable(Color.WHITE));


        configLoadesList(view);
        return dialog;

    }

    private void configLoadesList(View v) {
        loaderListPaginate = LoaderListPaginate.newInstante(
                this,
                v,
                R.id.pick_conductor_rv,
                R.id.pick_conductor_swipe,
                R.id.pick_conductor_layout_list_empty,
                R.layout.pick_conductor_item,
                new LoaderListPaginate.ILoaderPaginate() {
                    @Override
                    public TaskListGeneral makeTask(int currentPage) {
                        return new ConductorListPickerTask(null,makeRequest(currentPage));
                    }

                    @Override
                    public void onItemClick(int position) {
                        DtoConductor dto = (DtoConductor) loaderListPaginate.task.listDtoSource.get(position);
                        //AppNavigation.launchAlimentacionDetail(dto.getAlimentacion__id());
                    }
                },
                //Mensajes cuando inicia, falla y exito
                R.string.conductor_process_list__init,
                R.string.conductor_process_list__fail,
                R.string.conductor_process_list__ok

        );

        loaderListPaginate.loadList();
    }

    private DtoConductorListPickerRequest makeRequest(int currentPage) {
        DtoConductorListPickerRequest request = new DtoConductorListPickerRequest();
        request.page = currentPage;
       //incialmente se envía el nombre vacío
        request.setConductor__nombre("");
        return  request;
    }


    public interface OnPickClick{
        void onPick(int id,String name);
    }
}
Bug

Para el parser de listado, causo un error con el tipo generico tree ( java.lang.ClassCastException: com.google.gson.internal.LinkedTreeMap cannot be cast to DtoConductor ) a la clase del listado, hace el cast obteniendo el class a partir del tipo

...
public ArrayList<DtoConductor> cast(List<DtoConductor> listDtos){
        Gson gson= new GsonBuilder()
                .setDateFormat("yyyy-MM-dd'T'HH:mm:ss")
                .create();
        GsonBuilder gsonBuilder = new GsonBuilder();
        gsonBuilder.registerTypeAdapter(Date.class, new DateTypeDeserializer());
        gson=gsonBuilder.create();
        Type typeMyType = new TypeToken<ArrayList<DtoConductor>>(){}.getType();
        ArrayList<DtoConductor> myObject = gson.fromJson(gson.toJson(listDtos), typeMyType);

        return myObject;
    }
...

La clase DateTypeDeserializer, es para pasar los string con formato de fecha en tipo Date en el parseo.

/**
 * by Javier Solis @JavierTwiteando
 * Github http://bit.ly/onGithub
 */


import com.google.gson.JsonDeserializationContext;
import com.google.gson.JsonDeserializer;
import com.google.gson.JsonElement;
import com.google.gson.JsonParseException;

import java.lang.reflect.Type;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Arrays;
import java.util.Date;
import java.util.Locale;

public class DateTypeDeserializer implements JsonDeserializer<Date> {
    private static final String[] DATE_FORMATS = new String[]{"yyyy-MM-dd HH:mm:ss"};
    private static final String[] DATE_FORMATS_ALL = new String[]{"yyyy-MM-dd\'T\'HH:mm:ssZ", "yyyy-MM-dd\'T\'HH:mm:ss", "yyyy-MM-dd", "EEE MMM dd HH:mm:ss z yyyy", "HH:mm:ss", "yyyy-MM-dd\'T\'HH:mm:ss", "MM/dd/yyyy HH:mm:ss aaa", "yyyy-MM-dd\'T\'HH:mm:ss.SSSSSS", "yyyy-MM-dd\'T\'HH:mm:ss.SSSSSSS", "yyyy-MM-dd\'T\'HH:mm:ss.SSSSSSS\'Z\'", "MMM d\',\' yyyy H:mm:ss a"};

    public DateTypeDeserializer() {
    }

    public Date deserialize(JsonElement jsonElement, Type typeOF, JsonDeserializationContext context) throws JsonParseException {
        String[] var4 = DATE_FORMATS;
        int var5 = var4.length;
        int var6 = 0;

        while(var6 < var5) {
            String format = var4[var6];

            try {
                return (new SimpleDateFormat(format, Locale.US)).parse(jsonElement.getAsString());
            } catch (ParseException var9) {
                ++var6;
            }
        }

        throw new JsonParseException("Unparseable date: \"" + jsonElement.getAsString() + "\". Supported formats: \n" + Arrays.toString(DATE_FORMATS));
    }
}

Como resultado se ve así:

**NOTA: Se oculto el texto de nombre del conductor, en el dialogo picker conductor.

Mejorable, creando un view con un layout empty por defecto, con posibilidad de editar y definir lo mínimo, se ahorrar el la construcción y errores por las referencias.

Escriba un comentario

Comentario