带有滚动效果的ViewPager

先看看效果
截图1
截图2
布局文件如下:

<!--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();
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值