Skip to main content
Recompensa finalizada con 100 de reputación otorgada por Franqo Balsamo
se añadieron 1654 caracteres en el cuerpo
Origen Enlace
Jorgesys
  • 111.1k
  • 14
  • 55
  • 134

Lo mismo para el layout de la Activity, agrega un ProgressBar:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Activities.TMO.TMOnlineLector"
    android:background="@color/blanco"
    android:orientation="horizontal"
    android:gravity="center_horizontal">
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/rvLector"
            android:layout_width="wrap_content"
            android:layout_height="match_parent" />
    </LinearLayout>
    <ProgressBar
        android:id="@+id/progressbar"
        android:layout_width="match_parent"
        android:layout_gravity="center_horizontal"
        android:layout_height="match_parent" />
</RelativeLayout>

y cuando el Asynctask responda lo quitas:

  @Override
    protected void onPostExecute(ArrayList<TMOLectorClase> items) {
        super.onPostExecute(items);
        //Actualizar información
        tmOnlineLectorAdaptador.updateData(items);
        tmOnlineLectorAdaptador.notifyDataSetChanged();
        findViewById(R.id.progressbar).setVisibility(View.GONE);
    }

Lo mismo para el layout de la Activity, agrega un ProgressBar:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Activities.TMO.TMOnlineLector"
    android:background="@color/blanco"
    android:orientation="horizontal"
    android:gravity="center_horizontal">
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/rvLector"
            android:layout_width="wrap_content"
            android:layout_height="match_parent" />
    </LinearLayout>
    <ProgressBar
        android:id="@+id/progressbar"
        android:layout_width="match_parent"
        android:layout_gravity="center_horizontal"
        android:layout_height="match_parent" />
</RelativeLayout>

y cuando el Asynctask responda lo quitas:

  @Override
    protected void onPostExecute(ArrayList<TMOLectorClase> items) {
        super.onPostExecute(items);
        //Actualizar información
        tmOnlineLectorAdaptador.updateData(items);
        tmOnlineLectorAdaptador.notifyDataSetChanged();
        findViewById(R.id.progressbar).setVisibility(View.GONE);
    }
se añadieron 3880 caracteres en el cuerpo
Origen Enlace
Jorgesys
  • 111.1k
  • 14
  • 55
  • 134

  • Actualización:

Al revisar el funcionamiento de tu app a detalle, lo primero que me llamo la atención es que cargaba una pantalla en blanco, regrese y trate de nuevo y ya pude ver las imágenes.

En realidad tu app no falla a menos que no tenga conexión a internet, pero da la impresión de que no va a cargar absolutamente nada, para evitar precisamente esta situación Google recomienda usar una barra de progreso (ProgressBar) de forma indeterminada en la interfaz de usuario para que el usuario sepa que esta esperando alguna respuesta.

Para esto te sugiero modificar la vista que cargaría el RecyclerView agregando un ProgressBar, tmonline_lector_adaptador.xml:

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    style="@style/CardView.Light"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:layout_centerHorizontal="true"
    android:gravity="center_horizontal"
    android:layout_gravity="center_horizontal"
    android:background="@color/blanco">

        <ImageView
            android:layout_gravity="center_horizontal"
            android:gravity="center_horizontal"
            android:id="@+id/ivPaginas"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:scaleType="fitCenter"/>
            <ProgressBar
                android:id="@+id/progressbar"
                android:layout_width="match_parent"
                android:layout_gravity="center_horizontal"
                android:layout_height="match_parent" />
    
</androidx.cardview.widget.CardView>

y dentro de tu Adapter TMOnlineLectorAdaptador.java modifica para agregar a Picasso un Callback en el cual quitaría el ProgressBar cuando la Imagen se cargué, incluso puedes detectar

@Override
public void onBindViewHolder(@NonNull final TMOnlineLectorAdaptador.ViewHolder holder, int position) {
    final TMOLectorClase tmoLectorClase = this.tmoLectorClaseArrayList.get(position);
    //Carga con Picasso
    Picasso.get().load(tmoLectorClase.getImg()).into(holder.ivPaginas, new Callback() {
        @Override
        public void onSuccess() {
            holder.progressBar.setVisibility(View.GONE);
        }

        @Override
        public void onError(Exception e) {
            Toast.makeText(actividad,"Ocurrió un error cargando la imagen : " + tmoLectorClase.getImg(), Toast.LENGTH_LONG).show();
        }

    });
}

obviamente agrega en tu clase ViewHolder la obtención de la referencia del ProgresBar:

   public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {
        ImageView ivPaginas;
        ProgressBar progressBar;

        public ViewHolder(@NonNull View view) {
            super(view);
            ivPaginas = view.findViewById(R.id.ivPaginas);
            progressBar = view.findViewById(R.id.progressbar);
            view.setOnClickListener(this);
        }
        @Override
        public void onClick(View view) {
        }
    }

De esta forma obtendrías el siguiente efecto, se mostraría un indicador el cual indica que esta realizándose la carga de la imagen, de esta forma el usuario no tendría la impresión de que no se esta cargando nada.

introducir la descripción de la imagen aquí


  • Actualización:

Al revisar el funcionamiento de tu app a detalle, lo primero que me llamo la atención es que cargaba una pantalla en blanco, regrese y trate de nuevo y ya pude ver las imágenes.

En realidad tu app no falla a menos que no tenga conexión a internet, pero da la impresión de que no va a cargar absolutamente nada, para evitar precisamente esta situación Google recomienda usar una barra de progreso (ProgressBar) de forma indeterminada en la interfaz de usuario para que el usuario sepa que esta esperando alguna respuesta.

Para esto te sugiero modificar la vista que cargaría el RecyclerView agregando un ProgressBar, tmonline_lector_adaptador.xml:

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    style="@style/CardView.Light"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:layout_centerHorizontal="true"
    android:gravity="center_horizontal"
    android:layout_gravity="center_horizontal"
    android:background="@color/blanco">

        <ImageView
            android:layout_gravity="center_horizontal"
            android:gravity="center_horizontal"
            android:id="@+id/ivPaginas"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:scaleType="fitCenter"/>
            <ProgressBar
                android:id="@+id/progressbar"
                android:layout_width="match_parent"
                android:layout_gravity="center_horizontal"
                android:layout_height="match_parent" />
    
</androidx.cardview.widget.CardView>

y dentro de tu Adapter TMOnlineLectorAdaptador.java modifica para agregar a Picasso un Callback en el cual quitaría el ProgressBar cuando la Imagen se cargué, incluso puedes detectar

@Override
public void onBindViewHolder(@NonNull final TMOnlineLectorAdaptador.ViewHolder holder, int position) {
    final TMOLectorClase tmoLectorClase = this.tmoLectorClaseArrayList.get(position);
    //Carga con Picasso
    Picasso.get().load(tmoLectorClase.getImg()).into(holder.ivPaginas, new Callback() {
        @Override
        public void onSuccess() {
            holder.progressBar.setVisibility(View.GONE);
        }

        @Override
        public void onError(Exception e) {
            Toast.makeText(actividad,"Ocurrió un error cargando la imagen : " + tmoLectorClase.getImg(), Toast.LENGTH_LONG).show();
        }

    });
}

obviamente agrega en tu clase ViewHolder la obtención de la referencia del ProgresBar:

   public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {
        ImageView ivPaginas;
        ProgressBar progressBar;

        public ViewHolder(@NonNull View view) {
            super(view);
            ivPaginas = view.findViewById(R.id.ivPaginas);
            progressBar = view.findViewById(R.id.progressbar);
            view.setOnClickListener(this);
        }
        @Override
        public void onClick(View view) {
        }
    }

De esta forma obtendrías el siguiente efecto, se mostraría un indicador el cual indica que esta realizándose la carga de la imagen, de esta forma el usuario no tendría la impresión de que no se esta cargando nada.

introducir la descripción de la imagen aquí

Origen Enlace
Jorgesys
  • 111.1k
  • 14
  • 55
  • 134

De acuerdo a la imagen que muestras,el ArrayList tmoLectorClaseArrayList contiene las imágenes y obtienes la url de acuerdo a la variable position lo cual es correcto:

introducir la descripción de la imagen aquí

En el Adapter todo es correcto, creas la clase Holder donde obtienes la referencia del ImageView:

public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener { ImageView iv;

    public ViewHolder(@NonNull View view) {
        super(view);
        iv = view.findViewById(R.id.ivPaginas);
        view.setOnClickListener(this);
    }
    @Override
    public void onClick(View view) {
    }
}

y en el método onBindViewHolder cargas correctamente la imagen dentro del ImageView

Picasso.get().load(tmoLectorClase.getImg()).into(holder.iv);

Lo que deduce que pueden ser dos cosas:

Primeramente es importante que asegures tener definido dentro del AndroidManifest.xml el permiso para internet:

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

El problema es el layout, ya que el ImageView puede tener propiedades que provocan que nose despliegue correcamente en la pantalla, por ejemplo si usas un ConstraintLatout.

Agrega tu layout porque este podría ser el problema que no permite desplegar las imágenes.


Con respecto a :

android:usesCleartextTraffic="true"

no es necesario puesto que las url de imagen son https://.