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<ImageView> mData; public MyViewPagerAdapter(List<ImageView> 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?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<ImageView> mImageViews; //保存圆点图片的集合 private List<ImageView> 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<String> 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<ImageView>(); 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 < count; i++){ ImageView image = new ImageView(this); //设置圆点图片 image.setImageResource(R.drawable.mydot); //设置图片的位置，方便后面的取值 image.setTag(i); //设置监听 image.setOnClickListener(this); //添加到布局中 mLayout.addView(image, params); //将圆点图片保存到集合中 mDotViews.add(image); } mDotView = mDotViews.get(0); mDotView.setEnabled(false); } /** *显示图片的函数 */ private void initImageViews(List<String> list) { mImageViews = new ArrayList<ImageView>(); 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<String> josnPare(String url){ List<String> list = new ArrayList<String>(); try { JSONObject jobj = new JSONObject(url); JSONArray array = jobj.getJSONArray("ad"); for(int i = 0; i < array.length(); i++){ JSONObject obj = (JSONObject) array.get(i); list.add(obj.getString("iconurl")); } } catch (Exception e) { e.printStackTrace(); } return list; } /** * 初始化控件 */ private void initView() { //找到控件 mLv = (ListView) findViewById(R.id.lv_list); View view = LayoutInflater.from(this).inflate(R.layout.activity_banner, null); mPager = (ViewPager)view.findViewById(R.id.vp_image); //圆点图片布局 mLayout = (LinearLayout)view.findViewById(R.id.layout); //模拟数据 List<String> mList = new ArrayList<String>(); for(int i = 0; i < 20; i++){ mList.add("条目--"+i); } //创建适配器 ArrayAdapter<String> mAdapter = new ArrayAdapter<String>(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使用ViewPager实现轮播效果的相关资料介绍到这里，希望对您有所帮助！如果您支持1jtx.com就请把教程吧添加至收藏夹哦！

返回【首页 > 编程软件教程 > Android教程】查看更多相关的资料！

转载请保留本文连接地址：

教程吧向您推荐相关文章：