viewpager+小圆点

原创 2016年06月02日 08:34:39


//选择器

<?xml version="1.0" encoding="utf-8"?>

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

</shape>


//主布局

<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/vp"
        android:layout_width="match_parent"
        android:layout_height="150dp"
       />
    
    <LinearLayout
        android:id="@+id/ll_dots"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:layout_alignBottom="@id/vp"/>

</RelativeLayout>


MainActivity:


package com.bawei.shapelunbodemo;

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

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.Log;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;

public class MainActivity extends Activity {

    private int[] imgs = {R.drawable.aaa,R.drawable.bbb,R.drawable.ccc,R.drawable.ddd};
    private ViewPager vp;
    private LinearLayout ll_dots;
    
    private List<ImageView> imglist;
    private ArrayList<ImageView> img_dots;
    private Handler handler;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        vp = (ViewPager)findViewById(R.id.vp);
        ll_dots = (LinearLayout)findViewById(R.id.ll_dots);
        
        handler = new Handler(){
            
            public void handleMessage(android.os.Message msg) {
                
                int curr = vp.getCurrentItem();
                Log.d("test", "test....."+curr);
                //切换至下一个页面
                vp.setCurrentItem(++curr);
                handler.sendEmptyMessageDelayed(1, 2000);
            };
        };
        //初始化数据
        initImages();
        
        //初始化小圆点
        initDots();
        
        vp.setAdapter(new MyPageAdapter(imglist,handler));
        
        //初始化位置
        vp.setCurrentItem(imglist.size()*100000);
        
        //viewpager加监听
        vp.setOnPageChangeListener(new OnPageChangeListener() {
            
            @Override
            public void onPageSelected(int position) {
                for(int i=0;i<img_dots.size();i++){
                    if(position%img_dots.size() == i){
                        img_dots.get(i).setImageResource(R.drawable.lunbo_dot_focus);
                    }else{
                        img_dots.get(i).setImageResource(R.drawable.lunbo_dot_normal);
                    }
                }
                
            }
            
            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
                
            }
            
            @Override
            public void onPageScrollStateChanged(int arg0) {
                
            }
        });
        
    

        
        //实现无限轮播
        handler.sendEmptyMessageDelayed(1, 2000);
        
    }

    private void initDots() {
        img_dots = new ArrayList<ImageView>();
        for(int i=0;i<imgs.length;i++){
            ImageView iv = new ImageView(this);
            if(i==0){
                iv.setImageResource(R.drawable.lunbo_dot_focus);
            }else{
                iv.setImageResource(R.drawable.lunbo_dot_normal);
            }
            LayoutParams params = new LayoutParams(20, 20);
            params.setMargins(5, 0, 5, 0);
            
            //把小圆点放到页面的LinnearLayout容器中
            ll_dots.addView(iv, params );
            //把小圆点存放到集合中
            img_dots.add(iv);
        }
    }

    private void initImages() {
        imglist = new ArrayList<ImageView>();
        for(int i = 0;i<imgs.length;i++){
            ImageView view = new ImageView(this);
            view.setImageResource(imgs[i]);
            imglist.add(view);
        }
        
    }


}

//适配器


package com.bawei.shapelunbodemo;

import java.util.List;

import android.os.Handler;
import android.support.v4.view.PagerAdapter;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.ViewGroup;
import android.widget.ImageView;

public class MyPageAdapter extends PagerAdapter {

    private List<ImageView> imglist;
    private Handler handler;
    
    public MyPageAdapter(List<ImageView> imglist,Handler handler) {
        super();
        this.imglist = imglist;
        this.handler = handler;
    }

    @Override
    public int getCount() {
        return Integer.MAX_VALUE;
    }

    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        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) {
        ImageView img = imglist.get(position%imglist.size());
        //点击图片的时候,不要无限轮播了
        img.setOnTouchListener(new OnTouchListener() {
            
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                case MotionEvent.ACTION_CANCEL://鼠标划走
                    handler.sendEmptyMessageDelayed(1, 2000);
                    break;

                case MotionEvent.ACTION_DOWN://按下鼠标
                    handler.removeCallbacksAndMessages(null);//清空所有handler消息池的消息及所有回调函数
                    break;
                    
                case MotionEvent.ACTION_UP://鼠标抬起
                    handler.sendEmptyMessageDelayed(1, 2000);
                    break;
                }
                
                
                return true;
            }
        });
        
        container.addView(img);
        
        return img;
    }

}







ViewPager和小圆点联动

直接上代码 ViewPager fvp; List listvp; // 创建小圆点 List listdoc; // 小圆点布局 LinearLayou...

ViewPager小圆点指示器

  • 2017年05月09日 15:32
  • 73KB
  • 下载

ViewPager无限轮播+自定义小圆点+ListView展示

ViewPager无限轮播+自定义小圆点+ListView

ViewPager小圆点滑动

  • 2016年09月16日 20:11
  • 9.66MB
  • 下载

ViewPager轮播-----(自定义小圆点)

package com.rong.viewpager; import java.util.ArrayList; import java.util.List; import android.os.B...
  • lcrmumu
  • lcrmumu
  • 2016年07月14日 08:13
  • 66

viewpager 点击小圆点切换页面

  • 2013年03月22日 17:34
  • 1.25MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:viewpager+小圆点
举报原因:
原因补充:

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