Android ViewPager加载图片效果

目前项目中需要用到ViewPager加载图片，现在在此记录一下。

首先先看布局文件：activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:id="@+id/activity_main"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context="com.example.fly.viewpagerbanner.MainActivity">

 <android.support.v4.view.ViewPager
  android:id="@+id/viewpager"
  android:layout_above="@+id/ll"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent" />
 <LinearLayout
  android:id="@+id/ll"
  android:layout_marginTop="10.0dip"
  android:orientation="horizontal"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_marginBottom="24.0dip"
  android:layout_alignParentBottom="true"
  android:layout_centerHorizontal="true"/>

</RelativeLayout>

MainActivity

package com.example.fly.viewpagerbanner;

import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

/**
 * 类名：
 * 类描述：ViewPager展示图片
 * 创建人：fly
 * 创建日期： 2017/1/16.
 * 版本：V1.0
 */
public class MainActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener,View.OnClickListener {

 private ViewPager vp;
 private ViewPagerAdapter vpAdapter;
 private List<Map<String, Object>> data;
 private int lastValue = -1; // 是不是最后一张图片
 private ImageView[] dots; //底部小点图片
 private int currentIndex; //记录当前选中位置

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  //  Intent intent = new Intent();
//  intent.putStringArrayListExtra("GalleryPlusActivity",ArrayList<String>); // 怎么传递集合
  ArrayList<String> imageLists = getIntent().getStringArrayListExtra("GalleryPlusActivity"); // 动态获取展示图片的集合
  data = getData(imageLists);
  vp = (ViewPager) findViewById(R.id.viewpager);
  vpAdapter = new ViewPagerAdapter(data,this);
  vp.setAdapter(vpAdapter);
  vp.addOnPageChangeListener(this);
  initDots();//初始化底部小点
 }

 //这个方法长度是动态的，可以改成你从服务器获取的图片，这样数量就不确定啦
 public List<Map<String, Object>> getData(ArrayList<String> imageLists) {
  List<Map<String, Object>> mData = new ArrayList<>();

//  if (imageLists != null && imageLists.size() > 0) {
//   for (int i = 0; i < imageLists.size(); i++) {
//    Map<String, Object> map = new HashMap<>();
//    map.put("url", imageLists.get(i));
//    map.put("view", new ImageView(this));
//    mData.add(map);
//   }
//  }

  Map<String, Object> map = new HashMap<>();
  map.put("url", "http://img2.duitang.com/uploads/item/201207/19/20120719132725_UkzCN.jpeg");
  map.put("view", new ImageView(this));
  mData.add(map);

  Map<String, Object> map1 = new HashMap<>();
  map1.put("url", "http://img4.duitang.com/uploads/item/201404/24/20140424195028_vtvZu.jpeg");
  map1.put("view", new ImageView(this));
  mData.add(map1);

  Map<String, Object> map2 = new HashMap<>();
  map2.put("url", "http://download.pchome.net/wallpaper/pic-5041-8-240x320.jpg");
  map2.put("view", new ImageView(this));
  mData.add(map2);

  Map<String, Object> map3 = new HashMap<>();
  map3.put("url", "http://www.mangowed.com/uploads/allimg/130425/572-130425105311304.jpg");
  map3.put("view", new ImageView(this));
  mData.add(map3);
  return mData;
 }

 private void initDots() {
  LinearLayout.LayoutParams mLayoutParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
  mLayoutParams.setMargins(3, 0, 3, 0);
  LinearLayout ll = (LinearLayout) findViewById(R.id.ll);
  dots = new ImageView[data.size()];
  //循环取得小点图片
  for (int i = 0; i < data.size(); i++) {
   dots[i] = new ImageView(this);
   dots[i].setLayoutParams(mLayoutParams);
   dots[i].setBackgroundResource(R.drawable.dot);
   dots[i].setEnabled(true);//都设为灰色
   dots[i].setOnClickListener(this);
   dots[i].setTag(i);//设置位置tag，方便取出与当前位置对应
   ll.addView(dots[i]);
  }
  currentIndex = 0;
  dots[currentIndex].setEnabled(false);//设置为白色，即选中状态
 }

 private void setCurView(int position) { /**设置当前的引导页*/
  if (position < 0 || position >= data.size()) {return;}
  vp.setCurrentItem(position);
 }

 private void setCurDot(int position) { /**设置当前引导小点的选中*/
  if (position < 0 || position > data.size() - 1 || currentIndex == position) {return;}
  dots[position].setEnabled(false);
  dots[currentIndex].setEnabled(true);
  currentIndex = position;
 }

 @Override //当前页面被滑动时调用
 public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
  lastValue = position;
 }

 @Override
 public void onPageSelected(int position) {     //当新的页面被选中时调用
  setCurDot(position); //设置底部小点选中状态
 }

 @Override
 public void onPageScrollStateChanged(int state) {   //当滑动状态改变时调用
  if(state == 0){
   if(lastValue == data.size()-1){
    Toast.makeText(this, "已经是最后一张了", Toast.LENGTH_SHORT).show();
   }
  }
 }

 @Override
 public void onClick(View v) {
  int position = (Integer)v.getTag();
  setCurView(position);
  setCurDot(position);
 }
}

ViewPagerAdapter

package com.example.fly.viewpagerbanner;

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

import com.bumptech.glide.Glide;
import com.bumptech.glide.load.engine.DiskCacheStrategy;

import java.util.List;
import java.util.Map;

public class ViewPagerAdapter extends PagerAdapter {
 Context context;
 List<Map<String, Object>> viewLists;

 public ViewPagerAdapter(List<Map<String, Object>> lists, Context context) {
  this.viewLists = lists;
  this.context = context;
 }

 @Override
 public int getCount() {  //获得size
  return viewLists.size();
 }

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

 @Override
 public void destroyItem(ViewGroup view, int position, Object object) { //销毁Item
  ImageView x = (ImageView) viewLists.get(position).get("view");
  x.setScaleType(ImageView.ScaleType.FIT_CENTER);
  view.removeView(x);
 }

 @Override
 public Object instantiateItem(ViewGroup view, int position){ //实例化Item
  ImageView imageView = (ImageView) viewLists.get(position).get("view");
  imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
  Glide.with(context)
    .load(viewLists.get(position).get("url").toString())
//    .placeholder(R.mipmap.new_default)
    .error(R.mipmap.ic_launcher)
    .diskCacheStrategy(DiskCacheStrategy.RESULT)
    .into(imageView);
  view.addView(imageView, 0);

  return viewLists.get(position).get("view");
 }
}

是不是很简单。
最后附上demo：http://xiazai./201701/yuanma/ViewPager().rar

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Android  # ViewPager  # 加载图片  # android中ViewPager结合Fragment进行无限滑动  # Android中TabLayout+ViewPager 简单实现app底部Tab导航栏  # Android自定义ViewPagerIndicator实现炫酷导航栏指示器（ViewPager+F  # Android ViewPager实现轮播图效果  # Android实现基于ViewPager的无限循环自动播放带指示器的轮播图CarouselFigur  # Android中ViewPager获取当前显示的Fragment  # 详解Android_性能优化之ViewPager加载成百上千高清大图oom解决方案  # Android实现Tab布局的4种方式（Fragment+TabPageIndicator+View  # Android画廊效果之ViewPager显示多个图片  # Android使用自定义PageTransformer实现个性的ViewPager动画切换效果  # 在此  # 就不  # 设为  # 很简单  # 设置为  # 先看  # 大家多多  # 张了  # 创建日期  # 加载  # public  # extends  # vpAdapter  # OnPageChangeListener  # implements  # vp  # String  # private  # ViewPagerAdapter  # OnClickListener 

相关文章： 网站按钮制作软件,如何实现网页中按钮的自动点击？  如何选择靠谱的建站公司加盟品牌？  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  高防服务器租用指南：配置选择与快速部署攻略  合肥做个网站多少钱,合肥本地有没有比较靠谱的交友平台？  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  如何在IIS中新建站点并解决端口绑定冲突？  建站之星CMS五站合一模板配置与SEO优化指南  5种Android数据存储方式汇总  建站之星导航如何优化提升用户体验？  可靠的网站设计制作软件,做网站设计需要什么样的电脑配置？  建站之星好吗？新手能否轻松上手建站？  香港服务器WordPress建站指南：SEO优化与高效部署策略  建站之星上传入口如何快速找到？  建站之星会员如何解锁更多建站功能？  大连 网站制作,大连天途有线官网？  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  c# 服务器GC和工作站GC的区别和设置  制作网站的模板软件,网站怎么建设？  如何用搬瓦工VPS快速搭建个人网站？  如何通过虚拟主机快速完成网站搭建？  公众号网站制作网页,微信公众号怎么制作？  建站10G流量真的够用吗？如何应对访问高峰？  如何快速辨别茅台真假？关键步骤解析  定制建站策划方案_专业建站与网站建设方案一站式指南  微信小程序 input输入框控件详解及实例（多种示例）  零基础网站服务器架设实战：轻量应用与域名解析配置指南  Python路径拼接规范_跨平台处理说明【指导】  黑客如何通过漏洞一步步攻陷网站服务器？  建站主机是否等同于虚拟主机？  海南网站制作公司有哪些,海口网是哪家的？  建站之星后台密码遗忘或太弱？如何重置与强化？  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度？  ,网站推广常用方法？  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些？  python的本地网站制作,如何创建本地站点？  高端建站如何打造兼具美学与转化的品牌官网？  电视网站制作tvbox接口,云海电视怎样自定义添加电视源？  建站中国必看指南：CMS建站系统+手机网站搭建核心技巧解析  广州建站公司哪家好？十大优质服务商推荐  制作网站的公司有哪些,做一个公司网站要多少钱？  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  定制建站是什么？如何实现个性化需求？  如何选择长沙网站建站模板？H5响应式与品牌定制哪个更优？  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  长沙做网站要多少钱,长沙国安网络怎么样？  建站主机选虚拟主机还是云服务器更好？  网站设计制作公司地址,网站建设比较好的公司都有哪些？  如何在香港服务器上快速搭建免备案网站？