在ViewPager android中显示两个项目

时间:2015-07-13 09:41:58

标签: android android-viewpager

我正在开发this website的示例教程。

在本教程中,它仅显示每个ViewPager一个项目,但我想显示两个项目。在我有一些自定义后,它在一个寻呼机中显示两个项目。但两种观点都是一样的。我不想要它。我想在屏幕上显示不同的观点。

感谢。

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>

2 个答案:

答案 0 :(得分:3)

我终于找到了解决方案。但它滚动一个项目。喜欢这个List1,List2 | List2,List3 | List3,List4 |。

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

答案 1 :(得分:0)

我做了类似的事情并且有效:

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")));