viewpager无限轮播,画小圆点,小圆点的布局

首先在布局中写viewpager控件

activity_main.xml  下面linearlayout是小圆点的布局

[html] view plain copy

1. <android.support.v4.view.ViewPager  
2.        android:id="@+id/viewPager"  
3.        android:layout_gravity="center_horizontal"  
4.        android:layout_width="match_parent"  
5.        android:layout_height="match_parent"  
6.        />  
7.   
8.        <LinearLayout  
9.            android:id="@+id/linear_layout"  
10.            android:layout_marginBottom="10dp"  
11.            android:layout_centerHorizontal="true"  
12.            android:orientation="horizontal"  
13.            android:layout_alignParentBottom="true"  
14.            android:layout_width="100dp"  
15.            android:layout_height="50dp">  
16.              
17.        </LinearLayout>  

找到对应的控件

[html] view plain copy

1. viewPager = (ViewPager) findViewById(R.id.viewPager);  
2.        linearLayout = (LinearLayout) findViewById(R.id.linear_layout);  

在drawable下面新建两个xml,画小圆点选中与未选中的

shape01.xml

[html] view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <shape xmlns:android="http://schemas.android.com/apk/res/android">  
3.   
4.     <!--没选中的小圆点-->  
5.     <corners android:radius="5dp"/>  
6.     <size android:width="10dp" android:height="10dp"/>  
7.     <solid android:color="#000000"/>  
8. </shape>  

shape02.xml

[html] view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <shape xmlns:android="http://schemas.android.com/apk/res/android">  
3.   
4.     <!--选中的小圆点-->  
5.     <corners android:radius="5dp"/>  
6.     <size android:width="10dp" android:height="10dp"/>  
7.     <solid android:color="#ff0000"/>  
8. </shape>  

MainActivity.java里面初始化小圆点

[html] view plain copy

1. //初始化小圆点的方法  
2.    private void initshape(){  
3.        //创建装着小圆点的集合  
4.        listshape = new ArrayList<>();  
5.   
6.        //清空布局和集合  
7.        linearLayout.removeAllViews();  
8.        listshape.clear();  
9.   
10.        for (int i=0;i<3;i++){  
11.            ImageView imageView = new ImageView(MainActivity.this);  
12.            if(i==0){  
13.                //如果当前是第一页,就设置选中的图片  
14.                imageView.setImageResource(R.drawable.shape02);  
15.            }else{  
16.                imageView.setImageResource(R.drawable.shape01);  
17.            }  
18.   
19.            LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);  
20.            layoutParams.setMargins(9,0,9,0);  
21.   
22.            //添加到集合和布局里  
23.            listshape.add(imageView);  
24.            linearLayout.addView(imageView,layoutParams);  
25.        }  
26.    }  

调用初始化小圆点的方法,设置适配器显示

[html] view plain copy

1. initshape();  
2.                         viewPager.setCurrentItem(100000);  
3.   
4.                         setAdapter();  
5.                         handler.sendEmptyMessageDelayed(0,2000);  
6.   
7.                         viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {  
8.                             @Override  
9.                             public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {  
10.   
11.                                 for (int i =0;i<listshape.size();i++){  
12.                                     if(i==position%listshape.size()){  
13.                                         listshape.get(i).setImageResource(R.drawable.shape02);  
14.                                     }else{  
15.                                         listshape.get(i).setImageResource(R.drawable.shape01);  
16.                                     }  
17.                                 }  
18.                             }  
19.   
20.                             @Override  
21.                             public void onPageSelected(int position) {  
22.   
23.                             }  
24.   
25.                             @Override  
26.                             public void onPageScrollStateChanged(int state) {  
27.   
28.                             }  
29.                         });  

[html] view plain copy

1. public void setAdapter(){  
2.       if(imageAdapter==null) {  
3.           imageAdapter = new ImageAdapter(MainActivity.this, list);  
4.           viewPager.setAdapter(imageAdapter);  
5.       }else{  
6.           imageAdapter.notifyDataSetChanged();  
7.       }  
8. }  

适配器里面的

[html] view plain copy

1. public class ImageAdapter extends PagerAdapter{  
2.     Context context;  
3.     List<ProductBean.DataBean> list;  
4.     public ImageAdapter(Context context, List<ProductBean.DataBean> list) {  
5.         this.list = list;  
6.         this.context = context;  
7.     }  
8.   
9.     @Override  
10.     public int getCount() {  
11.         return Integer.MAX_VALUE;  
12.     }  
13.   
14.     @Override  
15.     public boolean isViewFromObject(View view, Object object) {  
16.         return view==object;  
17.     }  
18.   
19.     @Override  
20.     public Object instantiateItem(ViewGroup container, int position) {  
21.         ImageView imageView = new ImageView(context);  
22.         imageView.setScaleType(ImageView.ScaleType.FIT_XY);  
23.   
24.         String images = list.get(0).getImages();  
25.         String[] split = images.split("\\|");  
26.   
27.         ImageLoader.getInstance().displayImage(split[position%split.length],imageView);  
28.         container.addView(imageView);  
29.         return imageView;  
30.     }  
31.   
32.     @Override  
33.     public void destroyItem(ViewGroup container, int position, Object object) {  
34.        // super.destroyItem(container, position, object);  
35.         container.removeView((View) object);  
36.     }  
37. }