图片轮播xml代码activity_carousel.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_carousel" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.jnr.huatu.activity.CarouselActivity"> <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="wrap_content" android:layout_height="200dp" > </android.support.v4.view.ViewPager> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:gravity="center_horizontal" android:layout_alignBottom="@id/viewPager" android:layout_marginBottom="10dp" > <ImageView android:id="@+id/dot1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="5dp" android:src="@drawable/dot_layout"/> <ImageView android:id="@+id/dot2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="5dp" android:src="@drawable/dot_layout"/> <ImageView android:id="@+id/dot3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="5dp" android:src="@drawable/dot_layout"/> <ImageView android:id="@+id/dot4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="5dp" android:src="@drawable/dot_layout"/> </LinearLayout> </RelativeLayout> package com.jnr.huatu.activity; import android.graphics.Bitmap; import android.os.Bundle; import android.os.Handler; import android.os.Message; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import android.view.View; import android.widget.ImageView; import android.widget.Toast; import com.jnr.huatu.R; import com.jnr.huatu.adapter.MyPagerAdapter; import com.nostra13.universalimageloader.core.DisplayImageOptions; import com.nostra13.universalimageloader.core.ImageLoader; import com.nostra13.universalimageloader.core.display.FadeInBitmapDisplayer; import com.nostra13.universalimageloader.core.display.RoundedBitmapDisplayer; import java.util.ArrayList; import java.util.List; /** * 图片轮播 * @author：景辉 * created at 2017/2/15 0015 下午 4:12 */ public class CarouselActivity extends AppCompatActivity { private ViewPager mViewPager; // 记录当前的页数 private int mCount = 0; // 开始 public static final int START = -1; // 停止 public static final int STOP = -2; // 更新 public static final int UPDATE = -3; // 接受传过来的当前页面数 public static final int RECORD = -4; private List<ImageView> mList; private MyPagerAdapter mAdapter; private List<String> urlList; private ImageView dot1, dot2, dot3, dot0; private ImageView[] dots = new ImageView[4]; private Handler handler = new Handler() { public void handleMessage(android.os.Message msg) { switch (msg.what) { case START: handler.sendEmptyMessageDelayed(UPDATE, 3000); break; case STOP: handler.removeMessages(UPDATE); break; case UPDATE: mCount++; mViewPager.setCurrentItem(mCount); break; case RECORD: mCount = msg.arg1; break; } } }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_carousel); initView(); init(); setListener(); mAdapter = new MyPagerAdapter(mList); mViewPager.setAdapter(mAdapter); int i = Integer.MAX_VALUE / 2 % mList.size(); // 默认在中间，让用户看不到边界 mViewPager.setCurrentItem(Integer.MAX_VALUE / 2 - i); handler.sendEmptyMessage(START); } private void init() { urlList = new ArrayList<>(); mList = new ArrayList<>(); urlList.add("http://10.100.21.11/123/zq_test201702151118qqo.jpeg"); urlList.add("http://10.100.21.11/123/zq_test201702151132bco.jpeg"); urlList.add("http://10.100.21.11/123/zq_test201702151132sks.jpeg"); urlList.add("http://10.100.21.11/123/zq_test201702151132ccd.jpeg"); DisplayImageOptions options = new DisplayImageOptions.Builder() .cacheInMemory(true)//设置图片是否缓存到内存中 .displayer(new RoundedBitmapDisplayer(50)) .displayer(new FadeInBitmapDisplayer(100)) .cacheOnDisk(true)//设置图片是否缓存到SD卡中 .bitmapConfig(Bitmap.Config.RGB_565).build(); ImageView imageView; for (int i = 0; i < urlList.size(); i++) { imageView = new ImageView(CarouselActivity.this); imageView.setScaleType(ImageView.ScaleType.FIT_XY); //图片加载 ImageLoader.getInstance().displayImage(urlList.get(i), imageView, options); mList.add(imageView); imageView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(CarouselActivity.this, "点击了"+mCount% mList.size(), Toast.LENGTH_SHORT).show(); System.out.println("==========m==" + mCount % mList.size()); // 这里写点击图片的操作 mCount % mList.size()这个点击的第几个图片 } }); } } private void initView() { mViewPager = (ViewPager) findViewById(R.id.viewPager); dot0 = (ImageView) findViewById(R.id.dot1); dot1 = (ImageView) findViewById(R.id.dot2); dot2 = (ImageView) findViewById(R.id.dot3); dot3 = (ImageView) findViewById(R.id.dot4); dots[0] = dot0; dots[1] = dot1; dots[2] = dot2; dots[3] = dot3; dot0.setSelected(true); } private void setListener() { mViewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageSelected(int arg0) { handler.sendMessage(Message.obtain(handler, RECORD, arg0, 0)); // 下面是控制点的变化 int j = arg0 % mList.size(); for (int i = 0; i < dots.length; i++) { dots[i].setSelected(false); } dots[j].setSelected(true); } @Override public void onPageScrolled(int arg0, float arg1, int arg2) { } @Override public void onPageScrollStateChanged(int arg0) { switch (arg0) { // 当滑动时让当前轮播停止 case ViewPager.SCROLL_STATE_DRAGGING: handler.sendEmptyMessage(STOP); break; // 滑动停止时继续轮播 case ViewPager.SCROLL_STATE_IDLE: handler.sendEmptyMessage(START); break; } } }); } }