Viewpager实现网络图片的轮播

//主意:里面用到了第三方的Xutils.jar包和Imageloader.jar包还用到了访问网络,所以要加网络权限

<uses-permission android:name="android.permission.INTERNET"/>

//---------------------主布局文件---------------------------------------

<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="fill_parent"
        android:layout_height="200dp">
        
        <android.support.v4.view.ViewPager
            android:layout_width="fill_parent"
            android:layout_height="200dp"
            android:id="@+id/vp_viewpager"></android.support.v4.view.ViewPager>
        <LinearLayout android:layout_width="fill_parent"
            android:layout_height="25dp"
            android:id="@+id/ll_LinearLayout"
            android:orientation="horizontal"
            android:layout_alignBottom="@+id/vp_viewpager"
            
            android:gravity="center"></LinearLayout>
    </RelativeLayout>

</LinearLayout>

 

//-------------在res目录下新建一个drawable文件夹,在文件夹下创建XML文件,选中shape类型,创建了名字叫dot_focuse.xml和dot_normal.xml---------------------------------

//-------------dot_focuse.xml 中----------------

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    
 <corners android:radius="9dp"/>
 <solid android:color="#fff"/>


</shape>

//------------------dot_normal.xml中-----------------

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

    <corners android:radius="9dp"/>
    <solid android:color="#88000000"/>
</shape>

 

//-----------------------自定义的适配器-----------------------------------------

package com.example.lunbo;

import java.util.List;

import android.content.Context;
import android.os.Handler;
import android.support.v4.view.PagerAdapter;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.ViewGroup;
import android.widget.ImageView;

public class MyPagerAdapter extends PagerAdapter{
    //封装
    private List<ImageView> imageList;
    private Context context;
    private Handler handler;
    
    //有参构造
    public MyPagerAdapter(List<ImageView> imageList, Context context,
            Handler handler) {
        super();
        this.imageList = imageList;
        this.context = context;
        this.handler = handler;
    }

    @Override
    public int getCount() {
        //返回最大值
        return Integer.MAX_VALUE;
    }

    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        
        return arg0==arg1;
    }
    @Override
    public Object instantiateItem(ViewGroup container, int position) {
         // 通过控件集合获取imageView 添加到容器中,并作为key 返回
                ImageView imageView = imageList.get(position % imageList.size());
                imageView.setOnTouchListener(new OnTouchListener() {
                    @Override
                    public boolean onTouch(View v, MotionEvent event) {
                        switch (event.getAction()) {
                        // 当按下的时候,停止轮播
                        case MotionEvent.ACTION_DOWN:
                            // 移除所有的回调和消息
                            handler.removeCallbacksAndMessages(null);
                            break;
                        // 抬起
                        case MotionEvent.ACTION_UP:
                            handler.sendEmptyMessageDelayed(0, 2000);
                            break;
                        // 取消的时候,继续开始录播
                        case MotionEvent.ACTION_CANCEL:
                            handler.sendEmptyMessageDelayed(0, 2000);
                            break;
                        default:
                            break;
                        }
                        //触摸事件不被消费,true 消费该触摸事件
                        return true;
                    }
                });
                container.addView(imageView);
                return imageView;
    }
    
    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        //移除
        container.removeView((View) object);
    }

}

//------------------bean包中的goods--------------------------------

package com.example.lunbo;

public class Goods {
    private String id;
    private String image;
    public Goods(String id, String image) {
        super();
        this.id = id;
        this.image = image;
    }
    public Goods() {
        super();
    }
    public String getId() {
        return id;
    }
    public void setId(String id) {
        this.id = id;
    }
    public String getImage() {
        return image;
    }
    public void setImage(String image) {
        this.image = image;
    }
    @Override
    public String toString() {
        return "Goods [id=" + id + ", image=" + image + "]";
    }
    
    

}

//===============一下是mainActivity中===========================

package com.example.lunbo;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;
import java.util.ArrayList;
import java.util.List;

import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

import com.lidroid.xutils.BitmapUtils;
import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;

import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.app.Activity;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.Log;
import android.view.Menu;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;

public class MainActivity extends Activity {
    private String urlPath = "http://m.yunifang.com/yunifang/mobile/home?random=17257&encode=56f7b9f64804f3c6423bb3ee62eab517";
    private List<Goods> goods = new ArrayList<Goods>();
    private List<ImageView> imageList = new ArrayList<ImageView>();
    private List<ImageView> dotList = new ArrayList<ImageView>();

    private ViewPager vp_viewpager;
    private LinearLayout ll_LinearLayout;
    private MyPagerAdapter adapter;
    
    private Handler handler = new Handler() {
        public void handleMessage(Message msg) {
            switch (msg.what) {
            case 0:
                // 先去获取到当前条目索引
                int currentItem = vp_viewpager.getCurrentItem();
                // 条目索引+1
                currentItem++;
                // 重新设置给viewPager
                vp_viewpager.setCurrentItem(currentItem);
                // 再调用发延时消息的方法
                sendDelayMessage();
                break;
            case 1:
                // 获得数据
                String text = (String) msg.obj;
                // 解析数据
                tojson(text);
                break;

            default:
                break;
            }
        }

    };
    

    // ------------------------------------
    // 解析数据
    private void tojson(String text) {
        try {
            JSONObject obj = new JSONObject(text);
            JSONObject data = obj.getJSONObject("data");
            JSONArray ad1 = data.getJSONArray("ad1");
            for (int i = 0; i < ad1.length(); i++) {
                JSONObject json = ad1.getJSONObject(i);
                String id = json.getString("id");
                String image = json.getString("image");
                // 把解析的数据添加到集合
                Goods goodss = new Goods(id, image);
                goods.add(goodss);
            }

            // 初始化图片
            initImageview();
            // 初始化小圆点
            initDots();
        } catch (JSONException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }

    };

    // -------------------------------
    // 初始化图片 此方法需要用到第三方的Xuitlsjar包
    private void initImageview() {
        // 先使用xutils的工具类
        BitmapUtils bitmapUtils = new BitmapUtils(this);
        // 遍历商品的集合
        for (int i = 0; i < goods.size(); i++) {
            // 创建imageView 并通过工具类将图片设置到控件上
            ImageView imageView = new ImageView(this);
            bitmapUtils.display(imageView, goods.get(i).getImage());
            // 添加到Imageview的集合中
            imageList.add(imageView);
        }

        
        // 设置适配器
        adapter = new MyPagerAdapter(imageList, this, handler);
        vp_viewpager.setAdapter(adapter);

    }
    
    /*
     *  此方法需要用到第三方的Imageloader.jar包
     */
    
    /*// 初始化图片
        private void initImageview() {
            
            // 遍历商品的集合
            for (int i = 0; i < goods.size(); i++) {
                // 创建imageView 并通过工具类将图片设置到控件上
                ImageView imageView = new ImageView(this);
                //bitmapUtils.display(imageView, goods.get(i).getImage());
                ImageLoader.getInstance().init(
                        ImageLoaderConfiguration.createDefault(this));
                DisplayImageOptions options = new DisplayImageOptions.Builder()
                        .cacheInMemory(true).cacheOnDisk(true).build();
                ImageLoader.getInstance().displayImage(
                        goods.get(i).getImage(), imageView, options);
                // 添加到Imageview的集合中
                imageList.add(imageView);
            }

            
            // 设置适配器
            adapter = new MyPagerAdapter(imageList, this, handler);
            vp_viewpager.setAdapter(adapter);

        }*/

    /**
     * 发送延时消息
     */
    private void sendDelayMessage() {
        handler.sendEmptyMessageDelayed(0, 2000);

    }

    // ---------------------------------
    // 初始化小圆点
    private void initDots() {
        dotList.clear();
        for (int i = 0; i < goods.size(); i++) {
            ImageView imageView = new ImageView(this);
            if (i == 0) {
                // 如果是第一张,默认给一个亮的小点
                imageView.setImageResource(R.drawable.dot_focuse);
            } else {
                // 如果不是滴一个,默认给一个暗的小点
                imageView.setImageResource(R.drawable.dot_normal);
            }
            // 设置小点的默认宽高为20dp 导入LinearLayout包
            LayoutParams params = new LayoutParams(10, 10);
            // 设置小点的间距
            params.setMargins(5, 0, 5, 0);
            ll_LinearLayout.addView(imageView, params);
            // 往小点集合中添加view
            dotList.add(imageView);
        }

    }

    // ------------------------------------

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // 找到控件
        vp_viewpager = (ViewPager) findViewById(R.id.vp_viewpager);
        ll_LinearLayout = (LinearLayout) findViewById(R.id.ll_LinearLayout);
        // 获得网络数据
        huodeshuju();
        
        // 设置初始的展示条目
        vp_viewpager.setCurrentItem(imageList.size() * 1000000);
        // 设置延时切换
        sendDelayMessage();
        // 设置viewpager的滑动监听事件
        vp_viewpager.setOnPageChangeListener(new OnPageChangeListener() {

            @Override
            public void onPageSelected(int arg0) {
                // 遍历小点的集合
                for (int i = 0; i < dotList.size(); i++) {
                    // 如果当前的索引值和i相等
                    if (arg0 % dotList.size() == i) {
                        // 设置小点为亮色
                        dotList.get(i).setImageResource(R.drawable.dot_focuse);
                    } else {
                        // 否则暗色
                        dotList.get(i).setImageResource(R.drawable.dot_normal);
                    }
                }

            }

            @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 huodeshuju() {
        // 使用线程
        new Thread() {
            public void run() {
                try {
                    // 先创建出了一个URL对象,urlPath:是我们访问接口地址
                    URL url = new URL(urlPath);

                    // URL链接对象,通过URL对象打开一个connection链接对像
                    HttpURLConnection urlConnection = (HttpURLConnection) url
                            .openConnection();
                    // 设置urlConnection对象链接超时
                    urlConnection.setConnectTimeout(5000);
                    // 设置urlConnection对象获取数据超时
                    urlConnection.setReadTimeout(5000);
                    // 设置本次urlConnection请求方式
                    urlConnection.setRequestMethod("GET");
                    // 调用urlConnection的链接方法,线程等待,等待的是服务器所给我们返回的结果集
                    urlConnection.connect();
                    // 获取本次网络请求的状态码
                    int code = urlConnection.getResponseCode();
                    // 如果本次返回的状态吗是200(成功)
                    if (code == 200) {
                        // 调用urlConnection.getInputStream得到本次请求所返回的结果流
                        InputStream inputStream = urlConnection
                                .getInputStream();
                        // 创建一个BufferedReader,去读取结果流
                        BufferedReader reader = new BufferedReader(
                                new InputStreamReader(inputStream));
                        String readLine;
                        StringBuffer buffer = new StringBuffer();
                        while ((readLine = reader.readLine()) != null) {
                            buffer.append(readLine);

                        }
                        // 读取完结果流之后所得到的结果
                        String result = buffer.toString();
                        Log.i("数据:", result);
                        Message message = new Message();
                        message.what = 1;
                        message.obj = result;
                        handler.sendMessage(message);
                        inputStream.close();
                    }
                } catch (MalformedURLException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                } catch (IOException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                }

            };
        }.start();

    }

}

转载于:https://www.cnblogs.com/changyiqiang/p/5959616.html

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值