Пикассо помещает изображения друг на друга

Question

Я недавно начал использовать Picasso на Android.Так что я не до конца понимаю это.У меня есть фрагмент изображения, который работает отлично, и я могу видеть мой текст и изображения (в основном)Там нет ошибок.Моя проблема в том, что у меня есть массив изображений, которые я хотел бы вывести.Но проблема в том, что вы помещаете одно изображение в положение x, y, а затем помещаете следующее изображение в то же место.Он не помещает их в Gridview формат.Кто-нибудь знает почему, пожалуйста?

Мой фрагмент XML

<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/myPhotos"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:columnWidth="00dp"
android:numColumns="auto_fit"
android:verticalSpacing="20dp"
android:horizontalSpacing="30dp"
android:stretchMode="columnWidth"
android:paddingTop="25px"
android:gravity="center"
/>

Код MyFragment

public class ImagesFragment extends Fragment {
private View view;
private ImageAdapter imageAdapter;
private  GridView gridView;
public ImagesFragment() {

}

@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    view = inflater.inflate(R.layout.images_fragment,container,false);
    GridView gridView = view.findViewById(R.id.myPhotos);
    imageAdapter = new ImageAdapter(getActivity(),3);
    gridView.setAdapter(imageAdapter);
    return view;
}
}

ImageAdapter

public class ImageAdapter extends BaseAdapter {
//The content of our screen
private Context context;
private ImageView imageView;
private int start;
private Integer[]imagesArray;
//ImageInfo images;
public ImageAdapter(Context context, int start)
{
    this.context = context;
    this.start = start;
    imagesArray = new Integer[4];
    imagesArray[0] =  0x55555;
    imagesArray[1] =  0x545555;
    imagesArray[2] =  0x454454;
    imagesArray[2] =  0x121210;
}
public int getCount()
{
    return imagesArray.length;
}

public Integer getItem(int position)
{
    return imagesArray[0];
}

public long getItemId(int position)
{
    return 0;
}

public View getView(int position, View convertView, ViewGroup parent)
{
    if (convertView == null)
        //Don't put in the constructor
        imageView = new ImageView(context);
    else
        imageView = (ImageView) convertView;
        if(start ==0)
            //Works fine loads all the images at array index 0
            Picasso.get().load(imagesArray[0]).resize(400,600).into(imageView);
        else
            //WHERE THE PROBLEM IS.. I think. 
            for(int i=1;i<=start; i++)
                Picasso.get().load(imagesArray[i]).resize(400,600).into(imageView);



    return imageView;
}
}

Answer 1

Проблема здесь в том, что вы используете convertview для представления GridView.Convert на самом деле FrameLayout.Преобразуйте ваш GridView в макет кадра:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             android:layout_width="match_parent"
             android:layout_height="match_parent">
    <GridView xmlns:android="http://schemas.android.com/apk/res/android"
              android:id="@+id/my_images"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:numColumns="2">
    </GridView>

</FrameLayout>

Затем используйте convertview в Picasso

Picasso
            .with(context)
            .load(imageUrls[position])
            .fit() // will explain later
            .into((ImageView) convertView);