viewpager生成动态小圆点

布局:

<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);
        }
        
    }

    

}


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值