ViewPager+小圆点联动

MainActivity

public class MainActivity extends Activity {

    
    ViewPager vp;
    DataResult data;
    List<ImageView> list;
    List<ImageView> list_doc;
    

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        initView();
        initData();
    }


    private void initView() {
        vp = (ViewPager) findViewById(R.id.main_vp);
    }
    //小圆点
    public void initDoc(){
        //找控件
        LinearLayout ll_dco = (LinearLayout) findViewById(R.id.ll_doc);
        //创建ImageView集合
        list_doc = new ArrayList<ImageView>();
        
        if(data != null && data.getResult().getAdvs().size() > 0){
            for (int i = 0; i < data.getResult().getAdvs().size(); i++) {
                //实例化ImageView
                ImageView iv = new ImageView(this);
                //设置圆点
                LayoutParams params = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
                params.rightMargin = 10;
                iv.setLayoutParams(params);
                if(i == 0){
                    iv.setBackgroundResource(R.drawable.doc_check);
                }else{
                    iv.setBackgroundResource(R.drawable.doc_uncheck);
                }
                ll_dco.addView(iv);
                list_doc.add(iv);
            }
        }
    }

       //异步任务
    private void initData() {
        new AsyncTask<String, String, String>(){

            @Override
            protected String doInBackground(String... params) {
                
                String json = NetUtils.getNetData("http://www.babybuy100.com/API/getShopOverview.ashx");
                //Gson解析
                Gson gson = new Gson();
                data = gson.fromJson(json, DataResult.class);
                Log.i("=================", data.toString());
                return null;
            }

            @Override
            protected void onPostExecute(String result) {
                initVP();
                super.onPostExecute(result);
            }
            
        }.execute();
    }

       //轮播
    protected void initVP() {
        list = new ArrayList<ImageView>();
        if(data != null && data.getResult().getAdvs().size() > 0){
            for (int i = 0; i < data.getResult().getAdvs().size(); i++) {
                ImageView iv = new ImageView(this);
                iv.setScaleType(ScaleType.FIT_XY);
                ImageLoader.getInstance().displayImage(data.getResult().getAdvs().get(i).getPic(), iv);
                list.add(iv);
            }
            //创建适配器
            MyPagerAdatper myPagerAdatper = new MyPagerAdatper(list);
            vp.setAdapter(myPagerAdatper);
            initDoc();
            //ViewPager的点击
            vp.addOnPageChangeListener(new OnPageChangeListener() {
                
                @Override
                public void onPageSelected(int arg0) {
                    
                    int index = arg0 % list_doc.size();
                    for (int i = 0; i < list_doc.size(); i++) {
                        //点击选中的状态
                        list_doc.get(i).setBackgroundResource(R.drawable.doc_uncheck);
                    }
                    //选中状态
                    list_doc.get(index).setBackgroundResource(R.drawable.doc_check);
                }
                
                @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
                    
                }
            });
        }
    }

}

 

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"
    >
    <solid android:color="#0ff"/>
    <size android:width="15dp" android:height="15dp"/>
    <stroke android:color="#0ff" android:width="1dp"/>

</shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"
    >
    <solid android:color="#fff"/>
    <size android:width="10dp" android:height="10dp"/>
    <stroke android:color="#0ff" android:width="1dp"/>

</shape>

Layout布局

<LinearLayout 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:orientation="vertical" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="200dp" >

        <android.support.v4.view.ViewPager
            android:id="@+id/main_vp"
            android:layout_width="match_parent"
            android:layout_height="200dp" >
        </android.support.v4.view.ViewPager>

        <LinearLayout
            android:id="@+id/ll_doc"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:layout_alignParentBottom="true"
            android:gravity="center"
            android:orientation="horizontal" >
        </LinearLayout>
    </RelativeLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="100dp" >
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="80dp" >
    </LinearLayout>

    <GridView
        android:id="@+id/main_gv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:numColumns="2"
        >
    </GridView>

</LinearLayout>