viewpager的无限轮播和带点


MainActity:

]

]

package com.liulailin.day12_viewpager;

import android.os.Handler;
import android.os.Message;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ImageView;
import android.widget.LinearLayout;

import com.bwei.adapter.MyAdapter;
import com.bwei.bean.DataBean;
import com.com.bwei.utils.NetWorkUtils;
import com.google.gson.Gson;

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

import static android.icu.lang.UCharacter.GraphemeClusterBreak.V;

public class MainActivity extends AppCompatActivity {


    private Handler handler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            int mum =  msg.what;

            switch (mum){
                case 0:
                    String json = (String) msg.obj;
                    GsonData(json);
                    //  Toast.makeText(MainActivity.this,json,Toast.LENGTH_LONG).show();
                    break;

                case 1:

                    //得到当前viewpager的索引
                    int position = vp.getCurrentItem();
                    //让当前的的viewpager加1
                    position++;
                    //给viewPager设置当前的索引
                    vp.setCurrentItem(position);

                    sendMsg();

                    break;
            }

        }


    };
    private ViewPager vp;
    private LinearLayout ll;
    private List<DataBean.Adlist> adlist;
    private ImageView iv;
    private List<ImageView> ivList;

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

        new Thread(){

            @Override
            public void run() {
                super.run();
                String json = NetWorkUtils.getjson();

                Message msg = new Message();
                msg.obj =json;
                msg.what=0;
                handler.sendMessage(msg);
            }
        }.start();

        vp = (ViewPager) findViewById(R.id.vp);
        ll = (LinearLayout) findViewById(R.id.ll);

    }

    /**
     * 解析json字符串
     */
    private void GsonData(String json) {

        Gson gson = new Gson();
        DataBean dataBean = gson.fromJson(json, DataBean.class);
        //得到所有的数据
        adlist = dataBean.data.adlist;
        //把数据传到adapter里面
        MyAdapter adapter = new MyAdapter(adlist,MainActivity.this);
        vp.setAdapter(adapter);

        //初使化点
        initDot();

        //让viewpager的索引默认的指在100000
        vp.setCurrentItem(100000);
        //自动轮博
        sendMsg();
        //viewPager的监听事件
        ViewPagerListener();

    }

    /**
     * viewpager的滑动监听事件
     */
    private void ViewPagerListener() {
        vp.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {

                for (int x=0;x<ivList.size();x++){

                    if(position%adlist.size()==x){
                        //证明点和图片是对应的,应该点是变红的
                        ivList.get(position%adlist.size()).setImageResource(R.drawable.dot_focuable);
                    }else{
                        ivList.get(x).setImageResource(R.drawable.dot_normal);
                    }
                }


            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });

    }


    /**
     * 初使化点的
     */
    private void initDot() {
        ivList = new ArrayList<>();
        if(ivList !=null){
            ivList.clear();
        }


        for (int x =0;x<adlist.size();x++){
            iv = new ImageView(MainActivity.this);
            if (x==0){
                //第一张,让其圆点进行选中状态
                iv.setImageResource(R.drawable.dot_focuable);

            }else{
                iv.setImageResource(R.drawable.dot_normal);
                //其它的都不选中

            }


            LinearLayout.LayoutParams parmes = new LinearLayout.LayoutParams(20,20);
            //设置两个点之间的距离
            parmes.setMargins(10,0,10,0);
            ll.addView(iv,parmes);

            ivList.add(iv);
        }


    }


    /*8
       实现 自动轮博
     */
    private void sendMsg() {
        handler.sendEmptyMessageDelayed(1,2000);
    }
}



xml::::::::

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    tools:context="com.liulailin.day12_viewpager.MainActivity">

    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"

        />

    <LinearLayout
        android:id="@+id/ll"
        android:gravity="center"
        android:layout_alignParentBottom="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">



    </LinearLayout>


</RelativeLayout>


util:::

请求文件::

package com.com.bwei.utils;

import android.graphics.Path;

import java.io.ByteArrayInputStream;
import java.io.ByteArrayOutputStream;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;

/**
 * Created by Administrator on 2017/8/14.
 */

public class NetWorkUtils {

    private static ByteArrayOutputStream baos;
   static String path="http://www.meirixue.com/api.php?c=index&a=index";
    public static String getjson(){

                try {
                    URL url = new URL(path);
                    HttpURLConnection connection = (HttpURLConnection) url.openConnection();
                    connection.setRequestMethod("GET");
                    connection.setConnectTimeout(5000);
                    int responseCode = connection.getResponseCode();

                    baos = new ByteArrayOutputStream();

                    if(responseCode==200){
                        InputStream inputStream = connection.getInputStream();
                        int len;
                        byte[] arr = new byte[1024];
                        while ((len=inputStream.read(arr))!=-1){
                            baos.write(arr,0,len);
                        }

                    }
                    return baos.toString();
                } catch (Exception e) {
                    e.printStackTrace();
                }

        return baos.toString();
    }
}


适配器:::

package com.bwei.adapter;

import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

import com.bwei.bean.DataBean;
import com.nostra13.universalimageloader.core.ImageLoader;

import java.util.List;

/**
 * Created by Administrator on 2017/8/14.
 */

public class MyAdapter extends PagerAdapter{

    List<DataBean.Adlist> adlist;
    Context context;
    public MyAdapter(List<DataBean.Adlist> adlist, Context context) {
        this.adlist = adlist;
        this.context = context;
    }

    @Override
    public int getCount() {
        return Integer.MAX_VALUE;
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view==object;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
       container.removeView((View) object);
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {

        ImageView iv = new ImageView(context);
        //对图片进行缩放
        iv.setScaleType(ImageView.ScaleType.FIT_XY);
//9    9%4  1   10%4  2
        ImageLoader.getInstance().displayImage(adlist.get(position%adlist.size()).img,iv);
        container.addView(iv);

        return iv;
    }
}

bean包::::

package com.bwei.bean;

import java.util.List;

/**
 * Created by Administrator on 2017/8/14.
 */

public class DataBean {

    public Data data;
    public  class Data{
        public List<Adlist> adlist;

    }

    public class Adlist{

        public String id;
        public String img;
    }

}


图片:::MyApplication::::::

package com.com.bwei.application;

import android.app.Application;

import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;

/**
 * Created by Administrator on 2017/8/14.
 */

public class MyApplication extends Application {

    @Override
    public void onCreate() {
        super.onCreate();

        ImageLoaderConfiguration configuration = new ImageLoaderConfiguration.Builder(this).build();
        ImageLoader.getInstance().init(configuration);
    }
}


dot_focuable.xml在draw..里面建的

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

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

   
    <corners android:radius="5dip" />

</shape>


dot_normal.xml也是在draw..建的

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

    <solid android:color="#0000cc" />


    <corners android:radius="5dip" />

</shape>





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用ViewPager实现轮播图需要以下步骤: 1. 在布局文件中添加ViewPager控件。 2. 编写适配器Adapter,将图片加载到ViewPager中。 3. 在Activity中,实例化ViewPager和Adapter,并将Adapter设置给ViewPager。 4. 在Adapter中,重写instantiateItem方法,返回加载的视图,并设置监听器,实现无限循环滚动效果。 5. 使用Handler和Runnable实现自动轮播功能。 以下是一个简单的示例代码: 1. 布局文件中添加ViewPager控件: ``` <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="200dp" /> ``` 2. 编写适配器Adapter,将图片加载到ViewPager中: ``` public class ViewPagerAdapter extends PagerAdapter { private Context context; private int[] images; public ViewPagerAdapter(Context context, int[] images) { this.context = context; this.images = images; } @Override public int getCount() { return images.length; } @Override public boolean isViewFromObject(@NonNull View view, @NonNull Object object) { return view == object; } @NonNull @Override public Object instantiateItem(@NonNull ViewGroup container, int position) { ImageView imageView = new ImageView(context); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView.setImageResource(images[position]); container.addView(imageView); return imageView; } @Override public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) { container.removeView((ImageView) object); } } ``` 3. 在Activity中,实例化ViewPager和Adapter,并将Adapter设置给ViewPager: ``` ViewPager viewPager = findViewById(R.id.viewPager); int[] images = {R.drawable.image1, R.drawable.image2, R.drawable.image3}; ViewPagerAdapter adapter = new ViewPagerAdapter(this, images); viewPager.setAdapter(adapter); ``` 4. 在Adapter中,重写instantiateItem方法,返回加载的视图,并设置监听器,实现无限循环滚动效果: ``` @Override public Object instantiateItem(@NonNull ViewGroup container, int position) { ImageView imageView = new ImageView(context); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView.setImageResource(images[position]); container.addView(imageView); // 设置监听器,实现无限循环滚动效果 imageView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { int currentPosition = viewPager.getCurrentItem(); if (currentPosition == images.length - 1) { viewPager.setCurrentItem(0); } else { viewPager.setCurrentItem(currentPosition + 1); } } }); return imageView; } ``` 5. 使用Handler和Runnable实现自动轮播功能: ``` private Handler handler = new Handler(); private Runnable runnable = new Runnable() { @Override public void run() { int currentPosition = viewPager.getCurrentItem(); if (currentPosition == images.length - 1) { viewPager.setCurrentItem(0); } else { viewPager.setCurrentItem(currentPosition + 1); } handler.postDelayed(this, 3000); } }; @Override protected void onResume() { super.onResume(); handler.postDelayed(runnable, 3000); } @Override protected void onStop() { super.onStop(); handler.removeCallbacks(runnable); } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值