在activity_main.xml中
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="200dp">
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_height="200dp"/>
<LinearLayout
android:id="@+id/viewGroup"
android:layout_width="ma"
android:layout_height="20dp"
android:layout_alignParentBottom="true"
android:gravity="center"
android:background="#44000000"
android:orientation="horizontal">
</LinearLayout>
</RelativeLayout>
在MainActivity中
public class MainActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener {
private ViewPager mViewPager;
private ArrayList<ImageView> mImageLists = new ArrayList<>();
private LinkedList<ImageView> mImageDotLists = new LinkedList<>();
private MyPagerAdapter mAdapter;
private ImageView imageView;
private LinearLayout mLinearLayout;
private int startPosition = Integer.MAX_VALUE / 2;
private int currentPosition;
private final int MESSAGE_0 = 0;
private Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
switch (msg.what) {
case MESSAGE_0:
mViewPager.setCurrentItem(++currentPosition);
handler.sendEmptyMessageDelayed(MESSAGE_0, 3000);
break;
}
}
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
initData();
initListener();
}
private void initView() {
mViewPager = (ViewPager) findViewById(R.id.viewpager);
mLinearLayout = (LinearLayout) findViewById(R.id.viewGroup);
}
private void initData() {
//先将集合清空
mImageLists.clear();
//将ImageView添加到集合
for (int i = 0; i < 5; i++) {
imageView = new ImageView(this);
//设置图片的摆放方式
imageView.setScaleType(ImageView.ScaleType.FIT_XY);
setImage(i);
mImageLists.add(imageView);
}
//动态添加点
if (mImageLists.size() > 0) {
for (int i = 0; i < mImageLists.size(); i++) {
ImageView imageDot = new ImageView(this);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(getResources().getDimensionPixelSize(R.dimen.image_dot_width), getResources().getDimensionPixelSize(R.dimen.image_dot_height));
params.rightMargin = getResources().getDimensionPixelSize(R.dimen.image_dot_margin);
params.leftMargin = getResources().getDimensionPixelSize(R.dimen.image_dot_margin);
imageDot.setBackgroundResource(R.drawable.image_dot_normal);
mImageDotLists.add(imageDot);
mLinearLayout.addView(imageDot, params);
}
}
}
private void initListener() {
if (mAdapter == null) {
mAdapter = new MyPagerAdapter(this, mImageLists, mImageDotLists);
}
mViewPager.setAdapter(mAdapter);
mViewPager.setOnPageChangeListener(this);
currentPosition = startPosition - (startPosition % mImageLists.size());
mViewPager.setCurrentItem(currentPosition);
handler.sendEmptyMessageDelayed(MESSAGE_0, 3000);
}
private void setImage(int i) {
switch (i) {
case 0:
Glide.with(this).load("http://www.taopic.com/uploads/allimg/110729/1820-110H9141T451.jpg").asBitmap().into(imageView);
break;
case 1:
Glide.with(this).load("http://p4.so.qhimg.com/t01aade72dccf26cffe.jpg").asBitmap().into(imageView);
break;
case 2:
Glide.with(this).load("http://p4.so.qhimg.com/t0102672bd8a6bd290e.jpg").asBitmap().into(imageView);
break;
case 3:
Glide.with(this).load("http://img.ivsky.com/img/tupian/img/201105/06/guangxi_nanning_fengjing-024.jpg").asBitmap().into(imageView);
break;
case 4:
Glide.with(this).load("http://p4.so.qhimg.com/t01aade72dccf26cffe.jpg").asBitmap().into(imageView);
break;
}
}
@Override
protected void onResume() {
super.onResume();
mAdapter.notifyDataSetChanged();
}
@Override
protected void onDestroy() {
super.onDestroy();
handler.removeCallbacksAndMessages(null);
}
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
//先设置所有的dot为默认shape
for (ImageView dot : mImageDotLists) {
dot.setImageResource(R.drawable.image_dot_normal);
}
//选中的imageView设置为选中的shape
currentPosition = position;
mImageDotLists.get(currentPosition % mImageDotLists.size()).setImageResource(R.drawable.image_dot_state);
}
@Override
public void onPageScrollStateChanged(int state) {
}
}
在MyPagerAdapter中
public class MyPagerAdapter extends PagerAdapter {
private ArrayList<ImageView> mImageLists = new ArrayList<>();
private LinkedList<ImageView> mImageDotLists = new LinkedList<>();
private Context mContext;
MyPagerAdapter(Context c, ArrayList<ImageView> imageLists, LinkedList<ImageView> imageDotLists) {
this.mContext = c;
this.mImageLists = imageLists;
this.mImageDotLists = imageDotLists;
}
@Override
public int getCount() {
return Integer.MAX_VALUE;
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
@Override
public View instantiateItem(ViewGroup container, int position) {
container.addView(mImageLists.get(position % mImageLists.size()));
return mImageLists.get(position % mImageLists.size());
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(mImageLists.get(position % mImageLists.size()));
}
}
2个shape资源文件
image_dot_normal.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="5dp"/>
<size android:width="10dp" android:height="10dp"/>
<solid android:color="@color/color_image_dot_normal"/>
</shape>
image_dot_state.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="5dp"/>
<size android:width="10dp" android:height="10dp"/>
<solid android:color="@color/color_image_dot_state"/>
</shape>