带有滚动效果的ViewPager

先看看效果
带有滚动效果的ViewPager_第1张图片

布局文件如下:

<!--1.首先Viewpager 这个类是在V4这个jar包里的。使用之前必须先添加这个包。一般来说,这个jar包会默认加载到工程中 2.viewpager 的创建也是采用适配器。这个和ListView类似。只是说Viewpager 的适配器需要继承自PagerAdapter。 3.ViewPager本身是不能自动滑动的。要想实现自动滑动,必须不断的改变ViewPager当前要显示的图片 -->
<RelativeLayout 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" tools:context=".MainActivity" >

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

    <LinearLayout  android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignBottom="@id/view_pager" android:orientation="vertical" android:background="#33000000">

        <TextView  android:id="@+id/content" android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" android:text="****" />
<!--用来在代码中动态的添加指示标签,就是那几个小圆点-->
        <LinearLayout  android:id="@+id/view_group" android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" android:orientation="horizontal" >
        </LinearLayout>
    </LinearLayout>

</RelativeLayout>

Java代码:

package com.example.ads;

import java.util.ArrayList;
import java.util.List;

import android.os.Bundle;
import android.os.Handler;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;
import android.widget.TextView;
import android.app.Activity;

public class MainActivity extends Activity {
    private ViewPager viewPager;
    private LinearLayout viewgroup;
    /** 标题*/
    private TextView content;
    /** 记录上一次位置 */
    private int lastposition;
    /** 记录activity是否可见*/
    private boolean isRunning=false;
    // 图片标题集合
    private final String[] imageDescriptions = { "巩俐不低俗,我就不能低俗",
            "扑树又回来啦!再唱经典老歌引万人大合唱", "揭秘北京电影如何升级", "乐视网TV版大派送", "热血屌丝的反杀" };
    // 图片资源ID
    private final int[] imageIds = { R.drawable.a, R.drawable.b, R.drawable.c,
            R.drawable.d, R.drawable.e };
    // 存放ImageView对象
    private List<ImageView> list;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        viewPager = (ViewPager) findViewById(R.id.view_pager);
        viewgroup = (LinearLayout) findViewById(R.id.view_group);
        content = (TextView) findViewById(R.id.content);
        list = new ArrayList<ImageView>();

        for (int i = 0; i < imageIds.length; i++) {
            //添加ImageView到List中
            ImageView imageView = new ImageView(getApplicationContext());
            imageView.setBackgroundResource(imageIds[i]);
            list.add(imageView);
            // 添加指示图标
            ImageView imageView2 = new ImageView(getApplicationContext());
            //设置图标的位置参数
            LinearLayout.LayoutParams params = new LayoutParams(
                    LinearLayout.LayoutParams.WRAP_CONTENT, -2);
            params.leftMargin = 15;
            params.bottomMargin = 3;
            imageView2.setLayoutParams(params);
        //bg是一个Selector,当把Imageview设置为enable时显示
        //一个颜色,false时显示另外一个颜色 imageView2.setBackgroundResource(R.drawable.bg);
           //默认显示第一个
            if (i == 0) {
                lastposition = 0;
                imageView2.setEnabled(true);
            } else {
                imageView2.setEnabled(false);
            }
            viewgroup.addView(imageView2);
        }
        viewPager.setAdapter(new MyPagerAdapter());
        content.setText(imageDescriptions[0]);
        viewPager.setCurrentItem(Integer.MAX_VALUE / 2 - Integer.MAX_VALUE
                % list.size());
        handler.sendEmptyMessageDelayed(123, 2000);
        isRunning=true;
        //添加监听事件
        viewPager.setOnPageChangeListener(new OnPageChangeListener() {
/*当页面滑动的后,回调该方法*/
            @Override
            public void onPageSelected(int position) {
                position = position % list.size();
                content.setText(imageDescriptions[position]);
                viewgroup.getChildAt(position).setEnabled(true);
                viewgroup.getChildAt(lastposition).setEnabled(false);
                lastposition = position;
            }

            @Override
            public void onPageScrolled(int position, float positionOffset,
                    int positionOffsetPixels) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onPageScrollStateChanged(int state) {
                // TODO Auto-generated method stub

            }
        });
    }
/*使用Handler不断发送消息,实现页面滑动*/
    Handler handler = new Handler() {
        public void handleMessage(android.os.Message msg) {
            if (msg.what == 123) {
                if(isRunning){
                viewPager.setCurrentItem(viewPager.getCurrentItem() + 1);
                handler.sendEmptyMessageDelayed(123, 2000);}
            }
        };
    };
/*自定义的Adapter*/
    class MyPagerAdapter extends PagerAdapter {
        @Override
        /** * viewPager条目数量,这里直接设置一个特别大的数值,就是 * 产生Integer.MAX_VALUE这么多个条目。自动滑动也就是一直 * 显示下一个,但是由于这么多条目里的图片是循环出现的,所以给 * 人的感觉就是循环显示。 * 需要注意的是,创建这么多的条目并不会导致内存溢出。 * ViewPager并不会一次创建这么多条目。 * */
        public int getCount() {
            // TODO Auto-generated method stub
            return Integer.MAX_VALUE;
        }

        /** * 实例化ViewPager的Item,返回值是当前要实例化的对象。用来后边对象的复用做判断 * */
        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            container.addView(list.get(position % list.size()));
            return list.get(position % list.size());
        }

        /** * 销毁ViewPager对象的item,不能调用父类的方法,否则他会认为你没有重写这个方法而报错 * */
        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            System.out.println("destroyItem" + position);
            container.removeView((View) object);
        }

        /** * 判断view 和 Object的关系 * */
        @Override
        public boolean isViewFromObject(View arg0, Object arg1) {
            return arg0 == arg1;
        }

    }
    @Override
    protected void onPause() {
        isRunning=false;
        super.onPause();
    }
    @Override
    protected void onResume() {
        isRunning=true;
        super.onResume();
    }
}

你可能感兴趣的:(自动,滑动)