Image with caption Android Viewpager

Question

I am new to Android programming.I have a gallery with images and when I click on one image should appear a ViewPager with full screen image and caption and I can slide through the whole gallery. I have follow this tutorial enter link description here the only difference is that my images are stored in an array as well, the caption. When I run the app the gallery is showing but the Viewpager is empty and not sliding. I have no errors, I have no idea what should be wrong. Thanks in advance :)

FullScreenImageAdapter.java

package com.example.sherlockholmes.images;

import android.app.Activity;
import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;

import com.example.sherlockholmes.R;

public class FullScreenImageAdapter extends PagerAdapter {

    private Activity context;
    private LayoutInflater inflater;
    private int _position;
    private Integer[] mThumbIds;
    private String[] description;

    public FullScreenImageAdapter(Activity context,Integer[] mThumbIds,String[] description){
        this.context=context;
        this.mThumbIds =  mThumbIds;
        this.description = description;
    }


    @Override
    public int getCount() {
        return 0;
    }


    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view == ((RelativeLayout) object);
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {


        inflater = (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View viewLayout = inflater.inflate(R.layout.layout_fullscreen_image, container,
                false);

        ImageView imageView = (ImageView) viewLayout.findViewById(R.id.full_image);
        TextView textview = (TextView) viewLayout.findViewById(R.id.item_text);
        Button btnClose = (Button) viewLayout.findViewById(R.id.btnClose);
        imageView.setImageResource(mThumbIds[_position]);
        textview.setText(description[_position]);

        btnClose.setOnClickListener(new View.OnClickListener() {            
            @Override
            public void onClick(View v) {
                context.finish();
            }
        }); 

        ((ViewPager) container).addView(viewLayout,0);

        return viewLayout;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        ((ViewPager) container).removeView((RelativeLayout) object);

    }

}

FullScreenViewActivity.java

package com.example.sherlockholmes.images;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.support.v4.view.ViewPager;

import com.example.sherlockholmes.R;

public class FullScreenViewActivity extends Activity{


    private FullScreenImageAdapter adapter;
    private ViewPager viewPager;

     private Integer[] mThumbIds = {
                R.drawable.acd1, R.drawable.acd1,
               R.drawable.acd1, R.drawable.acd1,
               R.drawable.acd1, R.drawable.acd1,
               R.drawable.acd1, R.drawable.acd1,
        };

        private String[] description={
                "apple","pinaple","rose","strawberry",
                "orange","lemon","potato","banana"
        };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_fullscreen_view);

        viewPager = (ViewPager) findViewById(R.id.pager);


        Intent i = getIntent();
        int position = i.getIntExtra("position", 0);

        adapter = new FullScreenImageAdapter(FullScreenViewActivity.this,mThumbIds,description);

        viewPager.setAdapter(adapter);

        // displaying selected image first
        viewPager.setCurrentItem(position);
    }
}

Answer 1

Try this

 @Override
public int getCount() {
    return mThumbIds.length;
}

instead of

 @Override
public int getCount() {
    return 0;
}

in your FullScreenImageAdapter

And change this

 @Override
public void destroyItem(ViewGroup container, int position, Object object) {
    ((ViewPager) container).removeView((RelativeLayout) object);

}

With

 @Override
public void destroyItem(ViewGroup container, int position, Object object) {
    ((ViewPager) container).removeView((View) object);
}

And also change this

@Override
public boolean isViewFromObject(View view, Object object) {
    return view == ((RelativeLayout) object);
}

With

@Override
public boolean isViewFromObject(View view, Object object) {
    return view == ((View) object);
}

Update: also you need to change this

  imageView.setImageResource(mThumbIds[_position]);
  textview.setText(description[_position]);

With

  imageView.setImageResource(mThumbIds[position]);
   textview.setText(description[position]);

in your FullScreenImageAdapter.it's becoz you have not initialized _position and that's why view pager always fetch image and caption from the array at position 0.