热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

android使用ViewPager实现轮播效果

这篇文章主要为大家详细介绍了android使用ViewPager实现轮播效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

ViewPager:一个可以实现视图左右滑动切换的控件。

ViewPager的基本使用:

ViewPager的视图需要通过PagerAdapter来实现显示。

PagerAdapter的主要方法:

  ● getCount 视图的数量

  ● instantiateItem 添加视图

  ● destroyItem 销毁视图

  ● isViewFromObject 是否由对象创建视图

ViewPager的常用方法:

setAdapter 设置适配器

addOnPageChangeListener 监听页面切换的状态

setCurrentItem 设置当前页面的索引

实现广告轮播

技术点分析:

1、网络连接

2、JSON解析

3、ViewPager的初始化

4、图片的异步加载

5、圆点指示器的实现

使用selector+shape实现圆点图片

动态创建ImageView添加到集合中,同时添加到布局中

在ViewPager切换事件中,切换圆点状态

6、自动切换效果

使用Handler的post方法,定时执行代码
资源文件:
mydot.xml //创建圆点资源,放在drawable文件下

<&#63;xml version="1.0" encoding="utf-8"&#63;> 
 
  
   
    
    
   
  
   
   
    
    
   
  
 
 

布局文件:

activity_main.xml

 
 
  
 

activity_banner.xml

 

java代码

ImageLoader.java //该代码是通过URL获取图片资源

package cn.edu.huse.banner_re.util; 
import android.graphics.Bitmap; 
import android.graphics.BitmapFactory; 
import android.os.AsyncTask; 
import java.io.IOException; 
import java.io.InputStream; 
import java.net.HttpURLConnection; 
import java.net.MalformedURLException; 
import java.net.URL; 
 
/** 
 * 图片加载的工具类 
 * @author xray 
 * 
 */ 
public class ImageLoader { 
 
 /** 
  * 图片加载完成的回调接口 
  * 添加URL参数,用于做图片错位判断 
  */ 
 public interface OnImageLoadListener{ 
  //完成图片加载 
  void onImageLoadComplete(String url, Bitmap bitmap); 
 } 
  
 private OnImageLoadListener mListener; 
  
 /** 
  * 启动图片加载任务 
  * @param urlStr 
  * @param listener 
  */ 
 public void loadImage(String urlStr,OnImageLoadListener listener){ 
  this.mListener = listener; 
  new ImageLoadTask().execute(urlStr); 
 } 
  
 /** 
  * 图片加载任务 
  * @author xray 
  * 
  */ 
 class ImageLoadTask extends AsyncTask{ 
   
  @Override 
  protected UrlAndBitmap doInBackground(String... params) { 
    
   try { 
    //创建URL,指定图片地址 
    URL url = new URL(params[0]); 
    //打开连接获得HttpURLConnection对象 
    HttpURLConnection cOnn= (HttpURLConnection) url.openConnection(); 
    //获得文件输入流 
    InputStream stream = conn.getInputStream(); 
    //把输入流转换为图片 
    Bitmap bmp = BitmapFactory.decodeStream(stream); 
    //关闭流 
    stream.close(); 
    return new UrlAndBitmap(params[0],bmp); 
   } catch (MalformedURLException e) { 
    e.printStackTrace(); 
   } catch (IOException e) { 
    e.printStackTrace(); 
   } 
   return null; 
  } 
 
  //包装图片地址和图片 
  class UrlAndBitmap{ 
   String url; 
   Bitmap bitmap; 
   public UrlAndBitmap(String url, Bitmap bitmap) { 
    this.url = url; 
    this.bitmap = bitmap; 
   } 
  } 
   
  @Override 
  protected void onPostExecute(UrlAndBitmap result) { 
   //进行接口回调 
   if(mListener != null){ 
    mListener.onImageLoadComplete(result.url,result.bitmap); 
   } 
  } 
 } 
} 

JSONLoader.java
//读取服务器json

package cn.edu.huse.banner_re.util; 
 
import android.os.AsyncTask; 
 
import java.io.IOException; 
import java.io.InputStream; 
import java.net.HttpURLConnection; 
import java.net.MalformedURLException; 
import java.net.URL; 
 
/** 
 * 读取服务器JSON的工具类 
 * @author xray 
 * 
 */ 
public class JSONLoader { 
  
 public interface OnJSONLoadListener{ 
  void onJSONLoadComplete(String json); 
 } 
  
 private OnJSONLoadListener mListener; 
  
 public void loadJSON(String urlStr,OnJSONLoadListener listener){ 
  this.mListener = listener; 
  new JSONLoadTask().execute(urlStr); 
 } 
  
 class JSONLoadTask extends AsyncTask{ 
 
  @Override 
  protected String doInBackground(String... params) { 
   try { 
    URL url = new URL(params[0]); 
    HttpURLConnection cOnn= (HttpURLConnection) url.openConnection(); 
    InputStream inputStream = conn.getInputStream(); 
    byte[] buffer = new byte[1024]; 
    int len = 0; 
    //StringBuffer 线程安全,性能低 VS StringBuilder 线程不安全,性能高 
    StringBuilder strB = new StringBuilder(); 
    while((len = inputStream.read(buffer)) != -1){ 
     //将字节码转换为String 
     String str = new String(buffer,0,len); 
     strB.append(str); 
    } 
    inputStream.close(); 
    return strB.toString(); 
   } catch (MalformedURLException e) { 
    e.printStackTrace(); 
   } catch (IOException e) { 
    e.printStackTrace(); 
   } 
   return null; 
  } 
 
  @Override 
  protected void onPostExecute(String result) { 
   if(mListener != null){ 
    mListener.onJSONLoadComplete(result); 
   } 
  }  
 } 
} 

MyViewPagerAdapter.java

package cn.edu.huse.banner_re.adapter; 
 
import java.util.List; 
 
import android.support.v4.view.PagerAdapter; 
import android.view.View; 
import android.view.ViewGroup; 
import android.widget.ImageView; 
 
/** 
 * 图片轮播的适配器 
 * @author Lenovo 
 * 
 */ 
public class MyViewPagerAdapter extends PagerAdapter { 
 
 private List mData; 
  
 public MyViewPagerAdapter(List mData) { 
  this.mData = mData; 
 } 
 //返回视图的数量 
 @Override 
 public int getCount() { 
  return mData.size(); 
 } 
  
 @Override 
 public boolean isViewFromObject(View arg0, Object arg1) { 
  return arg0 == arg1; 
 } 
 
 //销毁图片 
 @Override 
 public void destroyItem(ViewGroup container, int position, Object object) { 
  container.removeView(mData.get(position)); 
 } 
  
 //添加图片 
 @Override 
 public Object instantiateItem(ViewGroup container, int position) { 
  container.addView(mData.get(position)); 
  return mData.get(position); 
 } 
  
} 

MainActivity.java

package cn.edu.huse.banner_re; 
 
import java.util.ArrayList; 
import java.util.List; 
 
import org.json.JSONArray; 
import org.json.JSONObject; 
 
import android.app.Activity; 
import android.graphics.Bitmap; 
import android.os.Bundle; 
import android.os.Handler; 
import android.support.v4.view.ViewPager; 
import android.support.v4.view.ViewPager.OnPageChangeListener; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.View.OnClickListener; 
import android.widget.ArrayAdapter; 
import android.widget.ImageView; 
import android.widget.LinearLayout; 
import android.widget.ListView; 
import android.widget.RadioButton; 
import cn.edu.huse.banner_re.adapter.MyViewPagerAdapter; 
import cn.edu.huse.banner_re.util.ImageLoader; 
import cn.edu.huse.banner_re.util.ImageLoader.OnImageLoadListener; 
import cn.edu.huse.banner_re.util.JSONLoader; 
import cn.edu.huse.banner_re.util.JSONLoader.OnJSONLoadListener; 
 
public class MainActivity extends Activity implements OnClickListener{ 
 
 public static final String URL_GIFT = "http://www.1688wan.com/majax.action&#63;method=getGiftList&pageno=1"; 
 public static final String URL_BASE = "http://www.1688wan.com"; 
 private ListView mLv; 
 //放置圆点图片的布局 
 private LinearLayout mLayout; 
 private ViewPager mPager; 
 //保存viewpager上图片的集合 
 private List mImageViews; 
 //保存圆点图片的集合 
 private List mDotViews; 
 //当前图片 
 private ImageView mDotView; 
 //当前下标 
 private int mIndex; 
 private Handler mHandler = new Handler(); 
 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  setContentView(R.layout.activity_main); 
  //初始化viewpager 
  initViewPager(); 
 } 
 
 private void initViewPager() { 
  new JSONLoader().loadJSON(URL_GIFT, new OnJSONLoadListener() { 
   @Override 
   public void onJSONLoadComplete(String json) { 
    //得到图片的地址 
    List list = josnPare(json); 
    //初始化主控件 
    initView(); 
    //将图片显示到viewpager中 
    initImageViews(list); 
    //为ViewPager设置适配器 
    mPager.setAdapter(new MyViewPagerAdapter(mImageViews)); 
    //加载圆点图片 
    initDot(mImageViews.size()); 
    //实现图片的轮播 
    mPager.postDelayed(new Runnable() { 
     @Override 
     public void run() { 
      //下标自动++ 
      mIndex++; 
      //当下标到最后时,就重新来过 
      if(mIndex >= mImageViews.size()){ 
       mIndex = 0; 
      } 
      //设置图片 
      mPager.setCurrentItem(mIndex); 
      //重复调用 
      mHandler.postDelayed(this, 1500); 
     } 
    }, 1500); 
    //添加页码滑动的监听,实现圆点图片的切换 
    mPager.setOnPageChangeListener(new OnPageChangeListener() { 
      
     //页选中后调用 
     @Override 
     public void onPageSelected(int arg0) { 
      //改变原来的圆点图片的状态 
      mDotView.setEnabled(true); 
      //更新当前的圆点图片 
      mDotView = mDotViews.get(arg0); 
      //将当前选中的圆点设为选中状态 
      mDotView.setEnabled(false); 
      //更新下标 
      mIndex = arg0; 
     } 
      //滑动中途调用 
     @Override 
     public void onPageScrolled(int arg0, float arg1, int arg2) { 
       
     } 
      //页面滑动状态修改 
     @Override 
     public void onPageScrollStateChanged(int arg0) { 
       
     } 
    }); 
   } 
  }); 
 } 
  
 /**获取圆点图片函数 
  * @param count viewpager上图片的数量 
  */ 
 private void initDot(int count){ 
  mDotViews = new ArrayList(); 
  LinearLayout.LayoutParams params = new LinearLayout.LayoutParams( 
    LinearLayout.LayoutParams.WRAP_CONTENT, 
    LinearLayout.LayoutParams.WRAP_CONTENT); 
  //设置边距 
  params.setMargins(5, 0, 5, 0); 
  for(int i = 0; i  list) { 
  mImageViews = new ArrayList(); 
  for(String str : list){ 
   final ImageView imageView = new ImageView(this); 
   //设置默认图片 
   imageView.setImageResource(R.drawable.ic_launcher); 
   new ImageLoader().loadImage(URL_BASE+str, new OnImageLoadListener() { 
     
    @Override 
    public void onImageLoadComplete(String url, Bitmap bitmap) { 
     if(bitmap != null){ 
      imageView.setImageBitmap(bitmap); 
     } 
    } 
   }); 
   //将ImageView保存到集合中 
   mImageViews.add(imageView); 
  } 
   
 } 
 /** 
  * JSON解析获取图片的地址 
  * @param url 
  * @return 
  */ 
 private List josnPare(String url){ 
  List list = new ArrayList(); 
  try { 
   JSONObject jobj = new JSONObject(url); 
   JSONArray array = jobj.getJSONArray("ad"); 
   for(int i = 0; i  mList = new ArrayList(); 
  for(int i = 0; i <20; i++){ 
   mList.add("条目--"+i); 
  } 
  //创建适配器 
  ArrayAdapter mAdapter = new ArrayAdapter(this, 
    android.R.layout.simple_list_item_1, 
    android.R.id.text1, 
    mList); 
  //设置头部视图 
  mLv.addHeaderView(view); 
  //设置适配器 
  mLv.setAdapter(mAdapter); 
  /*//圆点图片布局 
  mLayout = (LinearLayout)findViewById(R.id.layout);*/ 
 } 
  
  
 /** 
  * 圆点图片的监听事件 
  */ 
 @Override 
 public void onClick(View arg0) { 
  //获取该圆点图片的位置 
  int index = Integer.parseInt(arg0.getTag().toString()); 
  //将viewpager的图片显示成下标为index的图片 
  mPager.setCurrentItem(index); 
  //将原来的设置成默认值 
  mDotView.setEnabled(true); 
  //保存新的值 
  mDotView = (ImageView) arg0; 
  //将新的值改变成false 
  mDotView.setEnabled(false); 
  //更新下标 
  mIndex = index; 
 } 
 
} 

注意:因为这里用到了json解析,需要用到联网操作,一定要写上上网的权限:

运行效果:

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


推荐阅读
  • 本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
  • 本文介绍了使用AJAX的POST请求实现数据修改功能的方法。通过ajax-post技术,可以实现在输入某个id后,通过ajax技术调用post.jsp修改具有该id记录的姓名的值。文章还提到了AJAX的概念和作用,以及使用async参数和open()方法的注意事项。同时强调了不推荐使用async=false的情况,并解释了JavaScript等待服务器响应的机制。 ... [详细]
  • 本文介绍了高校天文共享平台的开发过程中的思考和规划。该平台旨在为高校学生提供天象预报、科普知识、观测活动、图片分享等功能。文章分析了项目的技术栈选择、网站前端布局、业务流程、数据库结构等方面,并总结了项目存在的问题,如前后端未分离、代码混乱等。作者表示希望通过记录和规划,能够理清思路,进一步完善该平台。 ... [详细]
  • CentOS 7部署KVM虚拟化环境之一架构介绍
    本文介绍了CentOS 7部署KVM虚拟化环境的架构,详细解释了虚拟化技术的概念和原理,包括全虚拟化和半虚拟化。同时介绍了虚拟机的概念和虚拟化软件的作用。 ... [详细]
  • 本文介绍了如何使用JSONObiect和Gson相关方法实现json数据与kotlin对象的相互转换。首先解释了JSON的概念和数据格式,然后详细介绍了相关API,包括JSONObject和Gson的使用方法。接着讲解了如何将json格式的字符串转换为kotlin对象或List,以及如何将kotlin对象转换为json字符串。最后提到了使用Map封装json对象的特殊情况。文章还对JSON和XML进行了比较,指出了JSON的优势和缺点。 ... [详细]
  • 这是原文链接:sendingformdata许多情况下,我们使用表单发送数据到服务器。服务器处理数据并返回响应给用户。这看起来很简单,但是 ... [详细]
  • 图解redis的持久化存储机制RDB和AOF的原理和优缺点
    本文通过图解的方式介绍了redis的持久化存储机制RDB和AOF的原理和优缺点。RDB是将redis内存中的数据保存为快照文件,恢复速度较快但不支持拉链式快照。AOF是将操作日志保存到磁盘,实时存储数据但恢复速度较慢。文章详细分析了两种机制的优缺点,帮助读者更好地理解redis的持久化存储策略。 ... [详细]
  • PDF内容编辑的两种小方法,你知道怎么操作吗?
    本文介绍了两种PDF内容编辑的方法:迅捷PDF编辑器和Adobe Acrobat DC。使用迅捷PDF编辑器,用户可以通过选择需要更改的文字内容并设置字体形式、大小和颜色来编辑PDF文件。而使用Adobe Acrobat DC,则可以通过在软件中点击编辑来编辑PDF文件。PDF文件的编辑可以帮助办公人员进行文件内容的修改和定制。 ... [详细]
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  • Spring常用注解(绝对经典),全靠这份Java知识点PDF大全
    本文介绍了Spring常用注解和注入bean的注解,包括@Bean、@Autowired、@Inject等,同时提供了一个Java知识点PDF大全的资源链接。其中详细介绍了ColorFactoryBean的使用,以及@Autowired和@Inject的区别和用法。此外,还提到了@Required属性的配置和使用。 ... [详细]
  • 如何查询zone下的表的信息
    本文介绍了如何通过TcaplusDB知识库查询zone下的表的信息。包括请求地址、GET请求参数说明、返回参数说明等内容。通过curl方法发起请求,并提供了请求示例。 ... [详细]
  • 在Android中解析Gson解析json数据是很方便快捷的,可以直接将json数据解析成java对象或者集合。使用Gson解析json成对象时,默认将json里对应字段的值解析到java对象里对应字段的属性里面。然而,当我们自己定义的java对象里的属性名与json里的字段名不一样时,我们可以使用@SerializedName注解来将对象里的属性跟json里字段对应值匹配起来。本文介绍了使用@SerializedName注解解析json数据的方法,并给出了具体的使用示例。 ... [详细]
  • 本文介绍了一个React Native新手在尝试将数据发布到服务器时遇到的问题,以及他的React Native代码和服务器端代码。他使用fetch方法将数据发送到服务器,但无法在服务器端读取/获取发布的数据。 ... [详细]
  • 本文介绍了如何使用jQuery和AJAX来实现动态更新两个div的方法。通过调用PHP文件并返回JSON字符串,可以将不同的文本分别插入到两个div中,从而实现页面的动态更新。 ... [详细]
  • SpringBoot整合SpringSecurity+JWT实现单点登录
    SpringBoot整合SpringSecurity+JWT实现单点登录,Go语言社区,Golang程序员人脉社 ... [详细]
author-avatar
是冉冉升起的冉啊
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有