您的位置:首页 > 其它

ViewPager+小圆点进行无限轮播

2016-02-27 15:14 399 查看
vp_sec_viewpager = (ViewPager) findViewById(R.id.vp_sec_viewpager);

        // 创建指示器—小圆点

        BuildCirle();

        //计算当前页面所在位置

        int current = Integer.MAX_VALUE / 2 - Integer.MAX_VALUE / 2

        % dList.size();

        //viewpager设置适配器

        vp_sec_viewpager.setAdapter(new ImagePageAdapter(this, list_image));

        //设置当前所在页面

        vp_sec_viewpager.setCurrentItem(current);

        //发送空消息进行轮播

        handler.sendEmptyMessageDelayed(1, 2000);

        //设置viewpager改变事件

        vp_sec_viewpager.setOnPageChangeListener(new OnPageChangeListener() {

            @Override

            public void onPageSelected(int position) {

                int index = position % list_image.size();

                // 通过角标,得到linearLayout的子控件,设置当前指示点的选择状态

                ll_sec_linearlayout.getChildAt(index).setEnabled(true);

                // 设置上一个指示点的选择状态

                ll_sec_linearlayout.getChildAt(lastIndex).setEnabled(false);

                // 记录上一个角标位置

                lastIndex = index;

            }

            @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

            }

        });

private void BuildCirle() {

        //装载指示点的布局

        ll_sec_linearlayout = (LinearLayout) findViewById(R.id.ll_sec_linearlayout);

        //创建存放图片的集合

        list_image = new ArrayList<ImageView>();

        BitmapUtils bitmapUtils = new BitmapUtils(this);

        for (int i = 0; i < dList.size(); i++) {

            ImageView imageView = new ImageView(this);

            bitmapUtils.display(imageView, dList.get(i));

             

            list_image.add(imageView);

            // 创建指示点

            ImageView image = new ImageView(this);

            // 设置指示点的背景

            image.setBackgroundResource(R.drawable.point_bg);

            // 得到布局设置参数的对象,该对象的类型取决于当前view的父view

            LayoutParams layoutParams = new LinearLayout.LayoutParams(

                    LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);

            // 设置指示点的间距,当前设置的是到左边控件的距离

            layoutParams.leftMargin = 15;

            // 给指示点设置参数

            image.setLayoutParams(layoutParams);

            // 把imageView装进linearLayout布局中

            Log.d("SEC", "---------------------------------------");

            ll_sec_linearlayout.addView(image);

            // 设置指示点的初始状态,当指示点是第一个的时候,设置成选中状态,其余的都是不选中

            if (i == 0) {

                image.setEnabled(true);

            } else {

                image.setEnabled(false);

            }

        }

    }

   <-----------------------------建drawable文件夹--------------------------------------------------->

   ------Point_bg--------

<selector xmlns:android="http://schemas.android.com/apk/res/android" >

     <item android:drawable="@drawable/enabled_true" android:state_enabled="true"></item>

    <item android:drawable="@drawable/enabled_false" android:state_enabled="false"></item>

</selector>

------enabled_true--------

    !-- android:shape       控制形状-->

<shape xmlns:android="http://schemas.android.com/apk/res/android"

    android:shape="oval"

    >

    

    <!--     控制宽高-->

    <size android:width="5dp" android:height="5dp"/>

    <!--    设置颜色 -->

    <solid android:color="#ffffff"/>

</shape>

  ------enabled_false--------

<shape xmlns:android="http://schemas.android.com/apk/res/android"

    android:shape="oval" >

    <size

        android:height="5dp"

        android:width="5dp" />

    <solid android:color="#808080" />

</shape>

-----------------------------Adapter中instantiateItem方法--------------------------

@Override

    public Object instantiateItem(ViewGroup container, int position) {

        ImageView imageView=list_image.get(position%list_image.size());

          if(imageView.getParent()==null){

               container.addView(imageView);

           }else{

               

               container.removeView(imageView);

               

               container.addView(imageView);

               

           }

        return imageView;

    }

   <-------------------装载小圆点的布局-------------------->

<android.support.v4.view.ViewPager

        android:id="@+id/vp_sec_viewpager"

        android:layout_width="220dp"

        android:layout_height="230dp" />

    <LinearLayout

        android:id="@+id/ll_sec_linearlayout"

        android:layout_width="235dp"

        android:layout_height="20dp"

        android:background="#f00"

        android:gravity="center_horizontal"

        android:orientation="horizontal" >

    </LinearLayout>

 

4000
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: