之前写了一篇ViewPager最简单的demo（有需要的小伙伴可以去参考我上一篇的博客），可以实现试图的左右滑动，但怎么确定我滑动到哪个界面呢，接下来我们就来实现这个效果。 一般来说，许多app打开之后都会有一个ViewPager的效果，就是让你一直右滑，直至滑到最后一张为止，在滑动的时候屏幕下方有一排小点，会根据你滑动的时候进行改变，以确定你目前处于哪个View，这个Demo我们用动态获取这个点的数量来实现ViewPager 其他代码都跟之前的代码一样，只是在布局中加了一个LinearLayout
<LinearLayout android:id="@+id/dot" android:layout_width="150dp" android:layout_height="30dp" android:orientation="horizontal" android:gravity="center" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:layout_marginBottom="50dp">接着就是主代码
package com.example.viewpagerdemo; import android.support.annotation.NonNull; import android.support.v4.view.PagerAdapter; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.LinearLayout; import java.util.ArrayList; import java.util.List; public class ImageViewPagerAdapter extends AppCompatActivity { private ViewPager viewPager; //编辑3个View private int[] mLayoutIDs = { R.layout.first, R.layout.second, R.layout.third, }; private List<View> views; private List<ImageView> mDotView = new ArrayList<> (); private ViewGroup mDotGroup; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate (savedInstanceState); setContentView (R.layout.activity_image_view_adapter); //初始化 viewPager = findViewById (R.id.View_Pager); mDotGroup = findViewById (R.id.dot); //new一个集合 views = new ArrayList<> (); //遍历整个集合 for (int index = 0; index < mLayoutIDs.length; index++) { //new一个ImageView ImageView imageView = new ImageView (this); //设置ImageView得样式 imageView.setImageResource (R.mipmap.ic_launcher); //把ImageView添加到views容器里 views.add (imageView); //new一个 点 的imageView ImageView dot = new ImageView (this); //设置点的默认样式 dot.setImageResource (R.mipmap.ic_launcher); //设置样式的最大宽高 dot.setMaxWidth (100); dot.setMaxHeight (100); //点的大小 LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams (50,50); //设置点与左边点的间隔距离 layoutParams.leftMargin = 20; dot.setLayoutParams (layoutParams); //设置点的不可点击 dot.setEnabled (false); //把点的数量加进来 mDotGroup.addView (dot); mDotView.add (dot); } //设置适配器 viewPager.setAdapter (pagerAdapter); //设置第一次的时候在第一个View viewPager.setCurrentItem (0); setDotView (0); viewPager.addOnPageChangeListener (new ViewPager.OnPageChangeListener () { @Override public void onPageScrolled(int i, float v, int i1) { //当滑动的时候触发此事件 } @Override public void onPageSelected(int i) { setDotView (i); } @Override public void onPageScrollStateChanged(int i) { } }); } private void setDotView(int i) { for (int index = 0; index < mDotView.size (); index++) { mDotView.get (index).setImageResource (i == index ? R.mipmap.insert1:R.mipmap.ic_launcher); } } PagerAdapter pagerAdapter = new PagerAdapter () { @Override //数组的长度 public int getCount() { return mLayoutIDs.length; } @Override public boolean isViewFromObject(@NonNull View view, @NonNull Object o) { return view == o; } @NonNull @Override public Object instantiateItem(@NonNull ViewGroup container, int position) { View child = views.get(position); container.addView (child); return child; } @Override public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) { container.removeView (views.get (position)); } }; }这里点的图片我就随便找的，不要介意哈，只是为了可以实现ViewPager的效果 效果图：
