布局:
<FrameLayout 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"
>
<android.support.v4.view.ViewPager
android:id="@+id/vp"
android:layout_width="match_parent"
android:layout_height="match_parent"
></android.support.v4.view.ViewPager>
盛放小圆点的容器
<LinearLayout android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:id="@+id/linpoint"
android:layout_gravity="bottom"
android:gravity="center">
</LinearLayout>
</FrameLayout>
小圆点选中和未选中时的显示,使用shape绘制
未选中:
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" >
<solid android:color="#44ff0000"/>
</shape>
选中:
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" >
<!-- 填充 -->
<solid android:color="#f00"/>
</shape>
核心代码:
public class Main2Activity extends Activity {
轮播图的数组
private int[] imgArray=new int[]{R.drawable.a9,R.drawable.a11,R.drawable.a10};
小圆点的数组
private ImageView[] imgViews=new ImageView[imgArray.length];
private MyAdapter adapter;
private Handler mHandler=new Handler(){
public void handleMessage(android.os.Message msg) {
int index=vp.getCurrentItem();
index++;
vp.setCurrentItem(index);
mHandler.sendEmptyMessageDelayed(0,1000);
};
};
private ViewPager vp;
private LinearLayout linpoint;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main2);
vp = (ViewPager) findViewById(R.id.vp);
//存放小圆点的容器
linpoint = (LinearLayout) findViewById(R.id.linpoint);
//初始化小圆点
initPoint();
adapter=new MyAdapter();
vp.setAdapter(adapter);
//设置当前显示的页面
vp.setCurrentItem(3000);
mHandler.sendEmptyMessageDelayed(0,1000);
vp.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int arg0) {
//改变小圆点
setPointColor(arg0%imgArray.length);
}
@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
}
});
}
//设置小圆点的选中状态
public void setPointColor(int index){
for(int i=0;i<imgArray.length;i++){
if(i==index){
imgViews[i].setImageResource(R.drawable.point_selected);
}else{
imgViews[i].setImageResource(R.drawable.point_nomal);
}
}
// ImageView img=(ImageView) linpoint.getChildAt(index);
// img.setImageResource(R.drawable.point_selected);
}
private void initPoint() {
//根据轮播图的个数决定小圆点的个数
for(int i=0;i<imgArray.length;i++){
ImageView img=new ImageView(this);
img.setLayoutParams(new LinearLayout.LayoutParams(20, 20));
if(i==0){
img.setImageResource(R.drawable.point_selected);
}else{
img.setImageResource(R.drawable.point_nomal);
}
//添加子孩子
linpoint.addView(img);
imgViews[i]=img;
}
}
//适配器
class MyAdapter extends PagerAdapter{
@Override
public int getCount() {
//返回一个无限值
return Integer.MAX_VALUE;
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
// TODO Auto-generated method stub
return arg0==arg1;
}
//1.把视图装载到vp 2.返回一个相关联的key(object)
@Override
public Object instantiateItem(ViewGroup container, int position) {
ImageView img=new ImageView(Main2Activity.this);
//设置控件的宽度与高度
img.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
//设置显示的图片,轮播图
img.setImageResource(imgArray[(position%imgArray.length)]);//0,1,2
//添加进去
container.addView(img);
return img;
}
//防止内存泄漏
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
// TODO Auto-generated method stub
// super.destroyItem(container, position, object);
container.removeView((View)object);
}
}
}