很简单注释都写的非常清楚
布局：
<?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_main" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.viewpage.MainActivity"> <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="250dp"></android.support.v4.view.ViewPager> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignBottom="@id/viewPager" android:gravity="center_horizontal" android:orientation="vertical" android:padding="5dp"> <TextView android:id="@+id/title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="火影忍者" android:textColor="#FFFFFF" android:textSize="18sp" /> <LinearLayout android:id="@+id/dot_group" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal"></LinearLayout> </LinearLayout> </RelativeLayout>代码部分：
import android.os.Bundle; import android.os.Handler; import android.os.Message; import android.os.SystemClock; import android.support.v4.view.PagerAdapter; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import android.util.Log; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.RelativeLayout; import android.widget.TextView; import com.bumptech.glide.Glide; import java.util.ArrayList; import java.util.List; import butterknife.ButterKnife; import butterknife.InjectView; public class MainActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener { @InjectView(R.id.viewPager) ViewPager viewPager; @InjectView(R.id.title) TextView title; @InjectView(R.id.dot_group) LinearLayout dotGroup; @InjectView(R.id.activity_main) RelativeLayout activityMain; // private String[] imageUrl = {"http://imgsrc.baidu.com/forum/pic/item/1b4c510fd9f9d72ad17dbb82d42a2834349bbb10.jpg", // "http://img1.ph.126.net/uGXCiObZfCXqWxelYpQI-g==/6597955973028472771.jpg", // "http://www.3dmgame.com/UploadFiles/201201/20120122133555245.jpg", // "http://upload4.hlgnet.com/bbsupfile/2010/2010-12-26/20101226151451_39.jpg"}; private int[] imageUrl =new int[] {R.drawable.nnn, R.drawable.ccc, R.drawable.vvv, R.drawable.xxx}; private List<ImageView> imageList; private LinearLayout dot_group;//小圆点 private String[] imageDescArrs; private static final String TAG = "MainActivity"; private boolean isSwitchPager = false; //默认不切换 private int previousPosition = 0; //默认为0 private Handler handler = new Handler() { @Override public void handleMessage(Message msg) { super.handleMessage(msg); viewPager.setCurrentItem(viewPager.getCurrentItem() + 1); } }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ButterKnife.inject(this); initView(); } private void initView() { initViewPagerData(); viewPager.setAdapter(new MyViewPager()); //设置当前viewPager要显示的第几个条目 int item = Integer.MAX_VALUE / 2 - (Integer.MAX_VALUE / 2 % imageList.size()); Log.d(TAG, "item=" + item); viewPager.setCurrentItem(item); //把第一个小圆点设置成白色，显示第一个TExtView内容 dotGroup.getChildAt(previousPosition).setEnabled(true); title.setText(imageDescArrs[previousPosition]); //设置viewPager滑动监听事件 viewPager.addOnPageChangeListener(this); new Thread(new Runnable() { @Override public void run() { while (!isSwitchPager) { SystemClock.sleep(3000); handler.sendEmptyMessage(0); } } }).start(); } private void initViewPagerData() { imageDescArrs = new String[]{"鸣人", "卡卡西", "我爱罗", "峡谷决斗"}; imageList = new ArrayList<ImageView>(); ImageView im; View dotView; for (int i = 0; i < imageUrl.length; i++) { im = new ImageView(this); Glide.with(this).load(imageUrl[i]) .crossFade() .centerCrop() .into(im); imageList.add(im); //准备小圆点数据 dotView = new View(getApplicationContext()); dotView.setBackgroundResource(R.drawable.selector_dot); //设置小圆点宽和高 LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(15, 15); //设置每个小圆点之间的距离 if (i != 0) { params.leftMargin = 15; } dotView.setLayoutParams(params); //设置小圆点状态 dotView.setEnabled(false); //把dotView加入到线性布局中 dotGroup.addView(dotView); } } private class MyViewPager extends PagerAdapter { @Override public int getCount() { return Integer.MAX_VALUE; } //初始化每个条目要显示的内容 @Override public Object instantiateItem(ViewGroup container, int position) { int newPostion = position % imageList.size(); //获取到条目要显示的内容imageView ImageView img = imageList.get(newPostion); container.addView(img); return img; } //是否复用当前view @Override public boolean isViewFromObject(View view, Object object) { return view == object; } //销毁条目 @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView((View) object); } } @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { int newPostion = position % imageList.size(); //取出postion的位置小圆点设置为true dotGroup.getChildAt(newPostion).setEnabled(true); //把一个小圆点设置为false dotGroup.getChildAt(previousPosition).setEnabled(false); title.setText(imageDescArrs[newPostion]); previousPosition = newPostion; } @Override public void onPageScrollStateChanged(int state) { } @Override protected void onDestroy() { super.onDestroy(); isSwitchPager = false; } }是不是很简单。
推荐一个很不错的：点击打开链接
