Multiple ViewPagers in on Activity

Question

I am trying to implement more than one ViewPager in one activity and it is not really working. What's the best way to implement that. I am stuck!!

This is The Activity

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.widget.Button;

import com.viewpagerindicator.CirclePageIndicator;

public class NewWorkoutActivity extends Activity{

    ViewPager corePager;
    ViewPager timePager;
    ViewPager equipmentPager;
    CirclePageIndicator coreIndicator;
    CirclePageIndicator timeIndicator;
    CirclePageIndicator equipmentIndicator;
    Button startWorkoutButton;

    PagerAdapter coreAdapter;
    PagerAdapter timeAdapter;
    PagerAdapter equipmentAdapter;

     String[] timeSets;
     String[] coreTargets;
     String[] equipments;

     int[] timeImages;
     int[] coreImages;
     int[] equipmentImages;

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


         coreTargets = new String[] { "Full body", "Core",
                 "Legs", "Upper Body"};

         coreImages = new int[] { R.drawable.button_target_core,  R.drawable.button_target_core2,
                 R.drawable.button_target_core3,  R.drawable.button_target_core4};

         timeSets = new String[] { "15 Minutes", "20 Minutes", 
                 "30 Minutes", "45 Minutes"};

         timeImages = new int[] { R.drawable.button_target_core,  R.drawable.button_target_core2,
                 R.drawable.button_target_core3,  R.drawable.button_target_core4};

          equipments = new String[] { "Rope", "Kette Bell",
                 "Weight", "Hat"};

         equipmentImages = new int[] { R.drawable.button_target_core,  R.drawable.button_target_core2,
                 R.drawable.button_target_core3,  R.drawable.button_target_core4};



        startWorkoutButton=(Button)findViewById(R.id.startWorkoutButton);
        corePager=(ViewPager)findViewById(R.id.corepager);
        timePager=(ViewPager)findViewById(R.id.timepager);
        equipmentPager=(ViewPager)findViewById(R.id.equipmentpager);
        coreIndicator=(CirclePageIndicator)findViewById(R.id.coreindicator);
        timeIndicator=(CirclePageIndicator)findViewById(R.id.timeindicator);
        equipmentIndicator=(CirclePageIndicator)findViewById(R.id.equipmentindicator);

           coreAdapter = new MyViewPagerAdapter(NewWorkoutActivity.this, coreTargets, coreImages);
            // Binds the Adapter to the ViewPager
            corePager.setAdapter(coreAdapter);

            timeAdapter = new MyViewPagerAdapter(NewWorkoutActivity.this, timeSets, timeImages);
            // Binds the Adapter to the ViewPager
            timePager.setAdapter(timeAdapter);

            equipmentAdapter = new MyViewPagerAdapter(NewWorkoutActivity.this, equipments, equipmentImages);
            // Binds the Adapter to the ViewPager
            corePager.setAdapter(coreAdapter);

            // ViewPager Indicators

            coreIndicator.setViewPager(corePager);
            equipmentIndicator.setViewPager(equipmentPager);
            timeIndicator.setViewPager(timePager);

    }

}





and My Adapter





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.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;

public class MyViewPagerAdapter extends PagerAdapter {
    // Declare Variables
    Context context;
    String[] desc;
    int[] image;
    LayoutInflater inflater;

    public MyViewPagerAdapter(Context context, String[] desc,  int[] image) {
        this.context = context;
        this.desc = desc;
        this.image = image;
    }

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

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

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

        // Declare Variables
        TextView desctext;
        ImageView vpimage;

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

        // Locate the TextView in viewpager_item.xml
        desctext = (TextView) itemView.findViewById(R.id.vptext);

        // Capture position and set to the TextViews
        desctext.setText(desc[position]);

        // Locate the ImageView in viewpager_item.xml
        vpimage = (ImageView) itemView.findViewById(R.id.vpimage);
        // Capture position and set to the ImageView
        vpimage.setImageResource(image[position]);

        // Add viewpager_item.xml to ViewPager
        ((ViewPager) container).addView(itemView);

        return itemView;
    }

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

    }
}

The logcat is telling me that the ViewPagers don't have adapter instances.

Please explain, **completely and precisely**, what "it is not really working" means. — CommonsWare, Apr 24 '14 at 13:21

score 8 · Accepted Answer · answered Apr 24 '14 at 18:31

This works for me:

Try this code. Not much changes to it.

NOTE: The images I used are just random images.. you can use your own.

public class MainActivity extends ActionBarActivity {

    Context context;

    String[] timeSets;
    String[] coreTargets;
    String[] equipments;

    int[] timeImages;
    int[] coreImages;
    int[] equipmentImages;

    MyAdapter adapter1, adapter2, adapter3;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        context = this;

        coreTargets = new String[]{"Full body", "Core",
                "Legs", "Upper Body"};

        coreImages = new int[]{R.drawable.ic_launcher, R.drawable.abc_ab_share_pack_holo_dark,
                R.drawable.abc_ab_stacked_solid_dark_holo, R.drawable.abc_ab_bottom_solid_dark_holo};

        timeSets = new String[]{"15 Minutes", "20 Minutes",
                "30 Minutes", "45 Minutes"};

        timeImages = new int[]{R.drawable.abc_ab_share_pack_holo_light, R.drawable.abc_ab_transparent_light_holo,
                R.drawable.abc_ic_ab_back_holo_light, R.drawable.abc_spinner_ab_pressed_holo_light};

        equipments = new String[]{"Rope", "Kette Bell",
                "Weight", "Hat"};

        equipmentImages = new int[]{R.drawable.abc_ic_clear, R.drawable.abc_textfield_searchview_holo_dark,
                R.drawable.abc_spinner_ab_focused_holo_light, R.drawable.abc_ab_stacked_solid_dark_holo};

        ViewPager view1 = (ViewPager) findViewById(R.id.viewpager1);
        ViewPager view2 = (ViewPager) findViewById(R.id.viewpager2);
        ViewPager view3 = (ViewPager) findViewById(R.id.viewpager3);

        adapter1 = new MyAdapter(coreTargets, coreImages);
        adapter2 = new MyAdapter(timeSets, timeImages);
        adapter3 = new MyAdapter(equipments, equipmentImages);

        view1.setAdapter(adapter1);
        view2.setAdapter(adapter2);
        view3.setAdapter(adapter3);

    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }

The Adapter

    private class MyAdapter extends PagerAdapter {

        String[] desc;
        int[] image;


        public MyAdapter(String[] desc, int[] image) {

            super();
            this.desc = desc;
            this.image = image;


        }

        @SuppressLint("NewApi")
        @Override
        public void finishUpdate(ViewGroup container) {
            // TODO Auto-generated method stub
            super.finishUpdate(container);

        }

        @Override
        public int getCount() {

            return desc.length;

        }

        @Override
        public boolean isViewFromObject(View collection, Object object) {

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

        @Override
        public Object instantiateItem(View collection, int position) {

            // Inflating layout
            LayoutInflater inflater = (LayoutInflater) collection.getContext()
                    .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            // Setting view you want to display as a row element
            View view = inflater.inflate(R.layout.items, null);

            TextView itemText = (TextView) view.findViewById(R.id.textViewMain);

            ImageView imageView = (ImageView) view.findViewById(R.id.imageViewmain);


            try {

                itemText.setText(desc[position]);

                imageView.setImageResource(image[position]);
            } catch (Exception e1) {
                // TODO Auto-generated catch block
                e1.printStackTrace();
            }
            ((ViewPager) collection).addView(view, 0);
            return view;

        }

        @Override
        public void destroyItem(View collection, int position, Object view) {
            ((ViewPager) collection).removeView((View) view);

        }

    }
}

The layout looks like this :

<ScrollView 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"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context="com.mike.app.MainActivity$PlaceholderFragment"
    android:background="#ffc42823">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <android.support.v4.view.ViewPager
            android:layout_width="fill_parent"
            android:layout_height="200dp"
            android:id="@+id/viewpager1"
            android:background="#333333"
            />

        <View
            android:layout_width="fill_parent"
            android:layout_height="3dp"
            android:background="#FFFFFF"></View>

        <android.support.v4.view.ViewPager
            android:layout_width="fill_parent"
            android:layout_height="200dp"
            android:id="@+id/viewpager2"
            android:background="#333333" />

        <View
            android:layout_width="fill_parent"
            android:layout_height="3dp"
            android:background="#FFFFFF">></View>

        <android.support.v4.view.ViewPager
            android:layout_width="fill_parent"
            android:layout_height="200dp"
            android:id="@+id/viewpager3"
            android:background="#333333" />

    </LinearLayout>

</ScrollView>

The Items layout:

<LinearLayout 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"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context="com.mike.app.MainActivity$PlaceholderFragment"
    android:background="#ff10c7c6"
    android:orientation="horizontal"
    android:gravity="center">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher"
        android:id="@+id/imageViewmain" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:text="Some Text"
        android:textSize="25sp"
        android:id="@+id/textViewMain"
        android:gravity="center" />

</LinearLayout>

Is this what you are looking for ? If yes, this works for me.. Lemme know if this works.

Whats the difference? I am stuck at the same problem. – Salmaan Jul 03 '17 at 12:38 — Salmaan, Jul 03 '17 at 12:38

Multiple ViewPagers in on Activity

1 Answers1

Linked