ViewPager image slider inside ScrollView

Question

I've got a problem with ViewPager inside ScrollView. I created adapter, that works properly when LinearLayout is a root layout. But when I switch to ScrollView, then it doesn't show any images. I need ScrollView, cause I have a few elements to display and it's have to be scrollable. My layout is in activity_exercises_preview.xml file.

Layout, that doesn't work:

Layout, that works, but without ScrollView:

My adapter:

public class CustomAdapter extends PagerAdapter{

    Context context;
    int[] imageId = {R.drawable.icon, R.drawable.gwiazdki, R.drawable.arnoldki_3};

    public CustomAdapter(Context context){
        this.context = context;
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        // TODO Auto-generated method stub

        LayoutInflater inflater = ((Activity)context).getLayoutInflater();

        View viewItem = inflater.inflate(R.layout.image_item, container, false);
        ImageView imageView = (ImageView) viewItem.findViewById(R.id.imageView);
        imageView.setImageResource(imageId[position]);
        ((ViewPager)container).addView(viewItem);

        return viewItem;
    }

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return imageId.length;
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        // TODO Auto-generated method stub

        return view == ((View)object);
    }


    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        // TODO Auto-generated method stub
        ((ViewPager) container).removeView((View) object);
    }
}

    Activity:



public class ExercisesPreview extends AppCompatActivity {
        List exercises;
        Exercise exercise;
        ViewPager viewPager;

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

            viewPager = (ViewPager) findViewById(R.id.viewPager);
            PagerAdapter adapter = new CustomAdapter(ExercisesPreview.this);
            viewPager.setAdapter(adapter);
            viewPager.setOnTouchListener(new View.OnTouchListener() {
                @Override
                public boolean onTouch(View v, MotionEvent event) {
                    viewPager.getParent().requestDisallowInterceptTouchEvent(true);
                    return false;
                }
            });

        }
    (...)
    }

image_item.xml:

Any ideas?

bryan c · Accepted Answer

use this custom ViewPager inside your scrollView:

public class WrapContentHeightViewPager extends ViewPager {
public WrapContentHeightViewPager(Context context) {
    super(context);
}

public WrapContentHeightViewPager(Context context, AttributeSet attrs) {
    super(context, attrs);
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);

    int height = 0;
    for (int i = 0; i < getChildCount(); i++) {
        View child = getChildAt(i);
        child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
        int h = child.getMeasuredHeight();
        if (h > height) height = h;
    }
    heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY);
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}}

ViewPager image slider inside ScrollView

Answers (1)

Related Questions