viewpager的使用

Viewpager是用于实现多页面的切换效果的。在现在的app中非常常见，通常会配合Fragment使用。现在简单的对view的使用进行介绍。

首先认识一个这个控件，ViewPager。它是google SDk中自带的一个附加包的一个类（这个附加包是android-support-v4.jar），可以用来实现屏幕间的切换。

首先进行页面设计：

main.xml文件

 <android.support.v4.view.ViewPager
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:id="@+id/viewPager"
       ></android.support.v4.view.ViewPager>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal"
        android:id="@+id/group"
        ></LinearLayout>

每个页面的的代码一共有三个item1，item2，item3现在只放一个其他的类似

 <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/view1"
        android:id="@+id/item1"
        />

只有一张图片。

现在代码部分，先定义字段

    ArrayList<View> viewlist;//页面的内容
    ViewPager vpager;//页卡内容
    ImageView image;//动画图片
    ImageView[] imaglist;//动画图片
    ViewGroup group;//动画图片效果

 

oncreate()方法

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

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

        viewlist = new ArrayList<View>();
        LayoutInflater inflater = getLayoutInflater();
        View v1 = inflater.inflate(R.layout.item1, null);
        View v2 = inflater.inflate(R.layout.item2, null);
        View v3 = inflater.inflate(R.layout.item3, null);

        viewlist.add(v1);
        viewlist.add(v2);
        viewlist.add(v3);


        imaglist = new ImageView[viewlist.size()];
        for (int i = 0; i < viewlist.size(); i++) {

            image = new ImageView(MainActivity.this);

            if (i == 0) {
                image.setImageResource(R.drawable.page_indicator_focused);
            } else {
                image.setImageResource(R.drawable.page_indicator_unfocused);
            }
            imaglist[i] = image;
            group.addView(image);
        }

        vpager.setAdapter(adapter);
        vpager.setOnPageChangeListener(new myPagerChangeListener());


    }

viewpager必须通过适配器使用。下面的代码定义了适配器

PagerAdapter adapter = new PagerAdapter() {
        @Override
        public int getCount() {
            return viewlist.size();
        }

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

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            ((ViewPager)container).addView(viewlist.get(position));

            return viewlist.get(position);
        }

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

最后是定义监听时间。在进行翻页的时候得动画

    class myPagerChangeListener implements ViewPager.OnPageChangeListener{
        @Override
        public void onPageScrolled(int i, float v, int i1) {

        }

        @Override
        public void onPageSelected(int i) {
           for(int j=0;i<imaglist.length;j++){
               if(i==j){
                   imaglist[j].setImageResource(R.drawable.page_indicator_focused);
               }else {
                   imaglist[j].setImageResource(R.drawable.page_indicator_unfocused);
               }
           }

        }

        @Override
        public void onPageScrollStateChanged(int i) {

        }
    }