Show two items in android viewpager

Question

I am developing tutorials from this site .

In this tutorial, it shows only one item per ViewPager , but I want to show two items. After I am configured, it displays two elements in one pager. But both opinions are the same. I do not want it. I want to show different views on the screen.

Thanks.

TestingActivity.java

 public class TestingActivity extends ActionBarActivity { // Declare Variables ViewPager viewPager; PagerAdapter adapter; String[] rank; String[] country; String[] population; int[] flag; CirclePageIndicator mIndicator; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // Get the view from viewpager_main.xml setContentView(R.layout.viewpager_main); // Locate the ViewPager in viewpager_main.xml viewPager = (ViewPager) findViewById(R.id.pager); // Pass results to ViewPagerAdapter Class adapter = new ViewPagerAdapter(TestingActivity.this, rank, country, population, flag); // Binds the Adapter to the ViewPager viewPager.setAdapter(adapter); // ViewPager Indicator mIndicator = (CirclePageIndicator) findViewById(R.id.indicator_pager); //mIndicator.setFades(false); mIndicator.setViewPager(viewPager); } } 

viewpager_main.xml

 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <android.support.v4.view.ViewPager android:id="@+id/pager" android:layout_width="fill_parent" android:layout_height="0dp" android:layout_weight="1" /> <com.viewpagerindicator.CirclePageIndicator android:id="@+id/indicator_pager" android:layout_width="fill_parent" android:layout_height="5dp" /> </LinearLayout> 

Answer 1

I finally found a solution. But it scrolls one element. Like this List1, List2 | List2, List3 | List3, List4 |.

 @Override public float getPageWidth(int position) { return(0.5f); } 

Answer 2

I did something like this and it worked:

 viewPager = findViewById<ViewPager> (R.id.pager); viewPager.setAdapter(new ViewPagerAdapter (this, listOfImages)); viewPager.setOffscreenPageLimit(6); viewPager.setPageMargin(3); viewPager.setPageMarginDrawable (new ColorDrawable(Color.parseColor("#000000")));