ViewPager加载网络图片+自动轮播+小圆点指示

handler接收消息更新pager页

Handler handler = new Handler() {
public void handleMessage(android.os.Message msg) {
if (msg.what == 0){viewpager.setCurrentItem(viewpager.getCurrentItem() + 1);
                pagercirculation();
            }
        }
    };

创建一个ImageView类型的集合，用imageloader将图片加载并添加到集合

//这里我们先创建一个图片网络地址的集合
List<String> imgurl_list = new ArrayList<String>();
imgurl_list.add("图片地址1");
imgurl_list.add("图片地址2");
imgurl_list.add("图片地址3");
imgurl_list.add("图片地址4");
imgurl_list.add("图片地址5");



//加载网络图片保存到集合
List<ImageView> listimg = new ArrayList<ImageView>();
for (int i = 0; i < imgurl_list.size(); i++) {
            ImageView imageView = new ImageView(this);
//设置加载下的图片宽度
            imageView.setScaleType(ScaleType.FIT_XY);
            loader.displayImage(imgurl_list.get(i), imageView);
                    listimg.add(imageView);
        }
//设置适配器
viewpager.setAdapter(new MyPagerAdapter(listimg));
//设置小圆点
setdot(imgurl_list);

// 利用handler改变viewpager页面
public void pagercirculation() {
        handler.sendEmptyMessageDelayed(0, 3000);
    }

ViewPage适配器

public class MyPagerAdapter extends PagerAdapter {
private List<ImageView> listimg;

public HomePagerAdapter() {
super();
    }

public MyPagerAdapter(List<ImageView> listimg) {
super();
this.listimg = listimg;
    }

@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
    }

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

@Override
public Object instantiateItem(ViewGroup container, int position) {
        View view = listimg.get(position % listimg.size());
        container.addView(view);
return view;
    }

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

}

ViewPager添加底部小圆点

// 给viewpager设置小圆点
private void setdot(final List<String> imgurl_list ) {
int wrop = RadioGroup.LayoutParams.WRAP_CONTENT;
        RadioGroup.LayoutParams params = new RadioGroup.LayoutParams(wrop, wrop);
        params.leftMargin = 5;
for (int i = 0; i < list.size(); i++) {
            RadioButton button = new RadioButton(getActivity());
            button.setEnabled(false);
            button.setId(i);
            button.setButtonDrawable(R.drawable.dot_selector);
if (i == 0) {
                pager_radiogroup.addView(button);
            } else {
                pager_radiogroup.addView(button, params);
            }
        }
        pager_radiogroup.check(0);
        viewpager.setOnPageChangeListener(new OnPageChangeListener() {

@Override
public void onPageSelected(int arg0) {
                pager_radiogroup.check(arg0 % list.size());
            }

@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {

            }

@Override
public void onPageScrollStateChanged(int arg0) {

            }
        });
    }

XML布局中的代码

<RelativeLayout
 android:layout_width="fill_parent"
android:layout_height="wrap_content" >

<ViewPager
 android:id="@+id/viewpager"
android:layout_width="fill_parent"
android:layout_height="150.0dip"
android:focusable="true" />

<RadioGroup
 android:id="@+id/pager_radiogroup"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@id/viewpager"
android:layout_alignParentEnd="true"
android:orientation="horizontal" />
</RelativeLayout>

ViewPager下小圆点的状态选择器

dot_selector.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:drawable="@drawable/dot_focus" android:state_checked="true"/>
<item android:drawable="@drawable/dot_normal" />

</selector>

dot_focus.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" >
<solid android:color="#fd6f3e"/>
<size android:width="10dip"
android:height="10dip"/>

</shape>



dot_normal.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" >
<solid android:color="#b7abab"/>
<size android:width="10dip" android:height="10dip" />

</shape>