目录
0、介绍
手动滑动 + 左右箭头
系列文章:
Android使用ViewPager实现图片轮播系列之一:简单实现
Android使用ViewPager实现图片轮播系列之二:自动轮播
Android使用ViewPager实现图片轮播系列之四:手动滑动 + 左右箭头 + 删除数据
1、布局文件
<?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"
tools:context="com.gs.common3.aView.viewpager.VPTest3Activity">
<android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<ImageView
android:id="@+id/ivPre"
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@color/white"
android:layout_centerVertical="true"
android:src="@drawable/arrow_back_black" />
<ImageView
android:id="@+id/ivNext"
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@color/white"
android:layout_alignParentEnd="true"
android:layout_centerVertical="true"
android:src="@drawable/arrow_forward_black" />
</RelativeLayout>
3、VPTest3Activity.java
/**
* Android使用ViewPager实现图片轮播系列之三:手动滑动 + 左右箭头
*/
public class VPTest3Activity extends AppCompatActivity {
@BindView(R.id.viewPager)
ViewPager viewPager;
@BindView(R.id.ivPre)
ImageView ivPre;
@BindView(R.id.ivNext)
ImageView ivNext;
private int[] imagePaths = {
R.mipmap.scenery1, R.mipmap.scenery2, R.mipmap.scenery3, R.mipmap.scenery4,
R.mipmap.scenery5
};
ArrayList<ImageView> imageViewList;
private MyPagerAdapter myPagerAdapter;
private int currentPosition;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_vptest3);
ButterKnife.bind(this);
initData();
}
@OnClick({R.id.ivPre, R.id.ivNext})
public void onViewClicked(View view) {
switch (view.getId()) {
case R.id.ivPre:
currentPosition -= 1;
viewPager.setCurrentItem(currentPosition);
break;
case R.id.ivNext:
currentPosition += 1;
viewPager.setCurrentItem(currentPosition);
break;
}
}
private void initData() {
imageViewList = new ArrayList<>();
viewPager.setCurrentItem(0);
setDataToViewPager();
}
/**
* 把数据设置到 ViewPager 上
*/
private void setDataToViewPager() {
// 将图片放到集合中
imageViewList = new ArrayList<>();
for (int imagePath : imagePaths) {
ImageView imageView = new ImageView(this);
imageView.setImageResource(imagePath);
// Glide.with(this).load(imagePath).into(imageView);
imageView.setScaleType(ImageView.ScaleType.FIT_XY);
imageViewList.add(imageView);
}
// 进行适配
myPagerAdapter = new MyPagerAdapter();
if (viewPager != null) {
viewPager.setAdapter(myPagerAdapter);
}
// 第一次进入 不显示前置箭头
ivPre.setVisibility(View.GONE);
viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
currentPosition = position;
// 第一个位置 不显示前置箭头
ivPre.setVisibility(position == 0 ? View.GONE : View.VISIBLE);
// 最后一个位置 不显示后置箭头
ivNext.setVisibility(position == imageViewList.size() - 1 ? View.GONE : View.VISIBLE);
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
}
/**
* 自定义适配器
*/
private class MyPagerAdapter extends PagerAdapter {
@Override
public int getCount() {
return imageViewList.size();
}
@Override
public Object instantiateItem(ViewGroup container, final int position) {
ImageView imageView = imageViewList.get(position);
ViewParent viewParent = imageView.getParent();
if (viewParent != null) {
ViewGroup viewGroup = (ViewGroup) viewParent;
viewGroup.removeView(imageView);
}
container.addView(imageView);
return imageView;
}
@Override
public void destroyItem(View view, int num, Object object) {
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
}
}