ViewPager自动轮播

原创 2016年05月30日 12:01:54

//   ViewPager布局

<RelativeLayout
        android:id="@+id/relat"
        android:layout_width="match_parent"
        android:layout_height="200dp"    
        >
        <android.support.v4.view.ViewPager
            android:id="@+id/vp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            ></android.support.v4.view.ViewPager>
            <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:gravity="bottom"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/title"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:textColor="#f00"
                android:textSize="20sp" />

            <LinearLayout
                android:id="@+id/line"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="horizontal" >
               
            </LinearLayout>
        </LinearLayout>
    </RelativeLayout>

=======================================================

//小圆点布局

<shape
    android:shape="rectangle"
     xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners android:radius="8dp"/>
    <solid android:color="#f00"/>

</shape>

<shape
    android:shape="rectangle"
     xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners android:radius="8dp"/>
    <solid android:color="#fff"/>

</shape>

================================================

//  ViewPager    单个图片布局

<ImageView
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:scaleType="fitXY"
        android:id="@+id/vp_img"/>

=======================================================

public class MainActivity extends Activity {

    private ViewPager vp;
    private LinearLayout line;
    private ArrayList<ImageView> list;
     int myimgs[] = {R.drawable.man1,R.drawable.man2,R.drawable.man3,R.drawable.man4};
    //handler对象
        private Handler handler = new Handler(){
            public void handleMessage(android.os.Message msg) {
                //设置viewpager无限轮播
                switch (msg.what) {
                case 1:
                    int position = vp.getCurrentItem();
                    position++;
                    vp.setCurrentItem(position);
                    handler.sendEmptyMessageDelayed(1, 2000);
                    break;

                }
            };
        };
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        vp = (ViewPager)findViewById(R.id.vp);
        line=(LinearLayout)findViewById(R.id.line);
        list = new ArrayList<ImageView>();
        vp.setAdapter(new MyPagerAdapter(MainActivity.this,myimgs,handler));
        //动态生成小圆点
        initData();
        //设置viewpager的初始坐标
        vp.setCurrentItem(100000);
        //轮播
        handler.sendEmptyMessageDelayed(1, 2000);
        //viewpager监听事件
        viewpagerLister();

    }
    //viewpager滑动监听事件
    private void viewpagerLister() {
        vp.setOnPageChangeListener(new OnPageChangeListener() {
            
            @Override
            public void onPageSelected(int position) {
                for (int i = 0; i < list.size(); i++) {
                    if(i==position%myimgs.length){
                        list.get(position%myimgs.length).setImageResource(R.drawable.hot_fouses);
                    }else{
                        list.get(i).setImageResource(R.drawable.hot_normal);
                    }
                }
                
            }
            
            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
                // TODO Auto-generated method stub
                
            }
            
            @Override
            public void onPageScrollStateChanged(int arg0) {
                // TODO Auto-generated method stub
                
            }
        });
        
    }
    //动态生成小圆点
        private void initData() {
            
            if(list!=null){
                list.clear();
            }
            //变量图片数量,生成圆点
            for (int i = 0; i < myimgs.length; i++) {
                ImageView iv = new ImageView(MainActivity.this);
                if(i==0){
                    iv.setImageResource(R.drawable.hot_fouses);
                }else{
                    iv.setImageResource(R.drawable.hot_normal);
                }
                //创建原点
                LayoutParams params = new LayoutParams(10, 10);
                //设置间隔
                params.setMargins(10, 0, 10, 0);
                //把imageview添加到集合
                list.add(iv);
                //给付控件添加子空件
                line.addView(iv, params);
            }
        }

=======================================

//  适配器

public class MyPagerAdapter extends PagerAdapter {

    Context context;
    int[] imgs;
    Handler handler;
    public MyPagerAdapter(Context context, int[] imgs,
            Handler handler) {
        this.context=context;
        this.imgs=imgs;
        this.handler=handler;
    }

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return Integer.MAX_VALUE;
    }

    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        // TODO Auto-generated method stub
        return arg0==arg1;
    }

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

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        View v = View.inflate(context, R.layout.vp_item, null);
        ImageView img = (ImageView) v.findViewById(R.id.vp_img);
        //图片触摸事件
        img.setOnTouchListener(new OnTouchListener() {
            
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                //按下handler停止发送消息
                case MotionEvent.ACTION_DOWN:
                    handler.removeCallbacksAndMessages(null);
                    break;
                    //抬起handler发送消息
                case MotionEvent.ACTION_UP:
                    handler.sendEmptyMessageDelayed(1, 2000);
                    break;
                case MotionEvent.ACTION_CANCEL:
                    handler.sendEmptyMessageDelayed(1, 2000);
                    break;

                default:
                    break;
                }
                return true;
            }
        });
        //添加布局
        img.setImageResource(imgs[position%imgs.length]);
        container.addView(v);
        return v;
    }

}

Android ViewPager无限自动轮播

ViewPager android support v4 中的控件 布局当中用全包名的类名声明 android.support.v4.view.ViewPager viewpager依赖数据,通过se...
  • confusing_awakening
  • confusing_awakening
  • 2017年06月27日 18:03
  • 735

ViewPager实现图片的自动轮播和无限循环

在开发的时候想做个图片的轮播,在网上找了一些资料,发现不符合我个人的习惯,然后就自己写了个,还是直接贴上代码吧... DishDetailActivity.java import java.util...
  • zhaowei_zhang
  • zhaowei_zhang
  • 2015年09月30日 16:08
  • 2260

ViewPager图片自动+手动左右无限轮播

写在前面: 最近做的一个小项目有图片轮播的需求,各种查资料发现大部分都是通过设置adapter的getCount方法返回Integer.MAX_VALUE实现的。很显然,这种方法有很多弊端,比如很容...
  • qq_32199531
  • qq_32199531
  • 2016年07月03日 23:04
  • 3351

自定义ViewPager实现图片自动轮播无限循环

Viewpager图片自动轮播无限循环是Android开发中经常用到的功能,功能实现起来也比较简单。虽然如此,但是很多情况下做出来的效果并不太让人满意,甚至有些上线的项目自动轮播上也会出现一些bug。...
  • qq_20521573
  • qq_20521573
  • 2016年07月26日 17:33
  • 10004

ViewPager无限自动轮播+动画

ViewPager几乎在每一个app中都会有使用,可以做导航页,也可以做广告、图片的播放。最近在做的app也用到了ViewPager,具体要实现的功能是能够无限轮播,并且在自动轮播时,图片在切换时能够...
  • My_First_ID
  • My_First_ID
  • 2016年04月27日 15:30
  • 993

Viewpager自动轮播,可修改滑动速度

Viewpager自动轮播,间隔时间5秒: 如果五秒内用户没有手动滑动viewpager,则自动跳转到下一页 /** * 配置viewPager */ private ExecutorSer...
  • Dovar_66
  • Dovar_66
  • 2016年08月29日 13:22
  • 2261

Android使用ViewPager做无限轮播,人为滑动时停止

实现无限循环使用取模,获取到当前图片所在的位置。 private class MyPagerAdapter extends PagerAdapter { private Cont...
  • adojayfan
  • adojayfan
  • 2016年11月27日 22:35
  • 1436

Android 仿网易新闻 ViewPager 实现图片自动轮播

前言新闻 App 首页最上方一般会循环播放热点图片,如下图所示。本文主要介绍了利用 ViewPager 实现轮播图片,图片下方加上小圆点指示器标记当前位置,并利用 Timer+Handler 实现了自...
  • never_cxb
  • never_cxb
  • 2016年01月10日 11:24
  • 13275

Android中级:轮播图(一):实现ViewPager的无线自动循环

无限自动循环 = 无限循环 + 自动循环 无限循环 = 无限向左循环 + 无限向右循环 接下来我们通过demo一步步的实现无限向右循环–>无限向左循环–>自动循环 Demo中viewpager...
  • ss1168805219
  • ss1168805219
  • 2016年08月23日 01:10
  • 3450

自定义ViewPager + Handler 实现的图片自动轮播

自定义ViewPager + Handler 实现的图片自动轮播废话不多说,这个是我模仿淘宝demo home_f为首页fragment,其中布局里面有我自定义的viewPager 布局关键部分:...
  • u012630202
  • u012630202
  • 2016年03月13日 14:49
  • 1386
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ViewPager自动轮播
举报原因:
原因补充:

(最多只允许输入30个字)