美文网首页
An_viewpager+小圆点

An_viewpager+小圆点

作者: android_en | 来源:发表于2017-08-25 13:42 被阅读17次

MainActivity

package com.example.monthextwo;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.AsyncTask;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.Log;
import android.widget.ImageView;
import android.widget.ImageView.ScaleType;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;

import com.example.monthextwo.adapter.MyPagerAdatper;
import com.example.monthextwo.bean.DataResult;
import com.example.monthextwo.net.NetUtils;
import com.google.gson.Gson;
import com.nostra13.universalimageloader.core.ImageLoader;


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);
        list_doc = 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);
                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 = 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();
            
            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
                    
                }
            });
        }
    }

}

两个shape类型的drawable---xml

<?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>

<?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>

主布局

<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>

相关文章

  • An_viewpager+小圆点

    MainActivity 两个shape类型的drawable---xml 主布局

  • An_viewpager+小圆点02

    Version:1.0StartHTML:0000000128EndHTML:0000019763StartFra...

  • 今天,你用“小圆点”了吗?

    今天,你用“小圆点”了吗? 嘿! 今天,你用“小圆点”了吗? 一、“小圆点”是什么? 你可能不知道什么是 Assi...

  • 呼吸轮播图心得

    思路: 1.点击按钮,改变显示的图片。同时改变对应小圆点的颜色。 2.点击小圆点,改变小圆点颜色,显示对应的图片。...

  • 轮播图

    鼠标进入停止 鼠标离开开始 按钮的监听 小圆点的监听 更换小圆点函数

  • 车牌小圆点的作用

    细心的车主们一定会发现,我们的车牌上普遍都会有一个小圆点,对于这个小圆点究竟有什么作用呢?我们来看下。 车牌小圆点...

  • 引导页 - 滚动视图 - 轮播图

    设置滚动视图的协议: 设置滚动视图 设置图片 设置小圆点 实现滚动视图的协议方法 -- 图片与小圆点关联

  • 【jQuery】淘宝banner轮播

    思路 通过banner下方的小圆点,控制图片的切换。 给左右箭头添加点击事件(点击时切换图片,并且下方的小圆点跟着...

  • iOS手势事件

    什么是手势? 用过苹果手机的朋友都知道,我们的屏幕上有个"小圆点","小圆点"当你对它做出不同动作的时候会有不同的...

  • css 写小圆点

    有需求要做小圆点,我初始写法如下 浏览器上无问题,真机实测发现小圆点变成了小方点,后改为如下 增加border属性

网友评论

      本文标题:An_viewpager+小圆点

      本文链接:https://www.haomeiwen.com/subject/awxydxtx.html