ViewPager 无限轮播,自动轮播
效果
xml 布局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
<androidx.viewpager.widget.ViewPager
android:id="@+id/view_pager"
android:layout_width="match_parent"
android:layout_height="200dp">
</androidx.viewpager.widget.ViewPager>
<LinearLayout
android:id="@+id/linear_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignBottom="@id/view_pager"
android:layout_marginBottom="15dp"
android:gravity="center"
android:orientation="horizontal">
</LinearLayout>
</RelativeLayout>
java
package com.ms.app;
import android.os.Handler;
import android.os.Message;
import android.os.Bundle;
import android.widget.ImageView;
import android.widget.LinearLayout;
import androidx.appcompat.app.AppCompatActivity;
import androidx.viewpager.widget.ViewPager;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity {
private ViewPager view_pager;
private LinearLayout linear_layout;
private List<String> images;
private Adapter adapter;
private List<ImageView> circles;
private Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
if (msg.what == 0) {
view_pager.setCurrentItem(view_pager.getCurrentItem() + 1);
handler.sendEmptyMessageDelayed(0, 1000 * 5);
}
}
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
initData();
setAdapter();
initCircle();
setViewPagerListener();
setAutoRotation();
}
private void setAutoRotation() {
new Thread(() -> {
handler.sendEmptyMessage(0);
}).start();
}
private void setViewPagerListener() {
view_pager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
for (int i = 0; i < images.size(); i++) {
if (position % circles.size() == i) {
circles.get(i).setImageResource(R.drawable.shape_little_circle_1);
} else {
circles.get(i).setImageResource(R.drawable.shape_little_circle_0);
}
}
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
view_pager.setCurrentItem(Integer.MAX_VALUE / 2);
}
private void initCircle() {
circles = new ArrayList<>();
linear_layout.removeAllViews();
for (int i = 0; i < images.size(); i++) {
ImageView imageView = new ImageView(MainActivity.this);
if (i == 0) {
imageView.setImageResource(R.drawable.shape_little_circle_1);
} else {
imageView.setImageResource(R.drawable.shape_little_circle_0);
}
circles.add(imageView);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
params.setMargins(15, 5, 15, 5);
linear_layout.addView(imageView);
}
}
private void setAdapter() {
if (adapter == null) {
adapter = new Adapter(MainActivity.this, images, handler);
view_pager.setAdapter(adapter);
} else {
adapter.notifyDataSetChanged();
}
}
private void initView() {
view_pager = (ViewPager) findViewById(R.id.view_pager);
linear_layout = (LinearLayout) findViewById(R.id.linear_layout);
}
private void initData() {
images = new ArrayList<>();
images.add("http://imgsrc.baidu.com/imgad/pic/item/241f95cad1c8a786ff65052a6d09c93d70cf5042.jpg");
images.add("http://a.hiphotos.baidu.com/image/pic/item/b812c8fcc3cec3fdcc9b00b7df88d43f8694274e.jpg");
images.add("http://g.hiphotos.baidu.com/image/pic/item/ac6eddc451da81cb571cd40c5b66d0160824317c.jpg");
images.add("http://c.hiphotos.baidu.com/image/pic/item/8d5494eef01f3a29c715430e9025bc315d607c15.jpg");
images.add("http://e.hiphotos.baidu.com/image/pic/item/94cad1c8a786c917131821f9c03d70cf3ac757d2.jpg");
}
}
adapter
package com.ms.app;
import android.content.Context;
import android.os.Handler;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import androidx.viewpager.widget.PagerAdapter;
import com.bumptech.glide.Glide;
import com.nostra13.universalimageloader.core.ImageLoader;
import java.util.List;
import java.util.Objects;
public class Adapter extends PagerAdapter {
private Context context;
private List<String> images;
private Handler handler;
public Adapter(Context context, List<String> images, Handler handler) {
this.context = context;
this.images = images;
this.handler = handler;
}
@Override
public int getCount() {
return Integer.MAX_VALUE;
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
ImageView imageView = new ImageView(context);
String url = images.get(position % images.size());
Glide.with(context).load(url).into(imageView);
imageView.setScaleType(ImageView.ScaleType.FIT_XY);
imageView.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN://按下
handler.removeCallbacksAndMessages(null);
break;
case MotionEvent.ACTION_MOVE://移动的动作
handler.removeCallbacksAndMessages(null);
break;
case MotionEvent.ACTION_CANCEL://取消
handler.sendEmptyMessageDelayed(0, 1000 * 5);
break;
case MotionEvent.ACTION_UP://抬起
handler.sendEmptyMessageDelayed(0, 1000 * 5);
break;
default:
break;
}
return true;
}
});
container.addView(imageView);
return imageView;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
}
}
shape_little_circle_0.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#FFFFFF" />
<corners android:radius="10dp" />
<size
android:width="7dp"
android:height="7dp" />
</shape>
shape_little_circle_1.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#666666" />
<corners android:radius="10dp" />
<size
android:width="7dp"
android:height="7dp" />
</shape>