Viewpager实现小圆点无限轮播_viewpager 实现圆点-优快云博客

本文链接：https://blog.youkuaiyun.com/RuningLING/article/details/52213628

本文介绍了一种使用Android支持库中的ViewPager组件实现图片轮播的方法。通过无限循环的页面切换和指示器效果增强用户体验，同时提供了自定义PagerAdapter的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//Main

package com.example.viewpagerw;

import java.util.ArrayList;

import com.lidroid.xutils.view.annotation.event.OnTouch;

import android.os.Bundle;
import android.os.Handler;
import android.app.Activity;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;

public class MainActivity extends Activity {

	private ViewPager vp;
	private int[] strimage = new int[] { R.drawable.icon1, R.drawable.icon2,
			R.drawable.icon3, R.drawable.icon4, R.drawable.icon5 };
	private LinearLayout ll;
	private ArrayList<ImageView> listImage;
	private Handler handler = new Handler() {
		public void handleMessage(android.os.Message msg) {
			switch (msg.what) {
			case 0:
				int currentItem = vp.getCurrentItem();
				currentItem++;
				vp.setCurrentItem(currentItem);
				handler.sendEmptyMessageDelayed(0, 1000);
				break;

			default:
				break;
			}
		};
	};

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		vp = (ViewPager) findViewById(R.id.vp);
		ll = (LinearLayout) findViewById(R.id.ll);

		info();
		vp.setAdapter(new PagerAdapter() {

			@Override
			public boolean isViewFromObject(View arg0, Object arg1) {
				return arg0 == arg1;
			}

			@Override
			public int getCount() {
				return Integer.MAX_VALUE;
			}

			@Override
			public Object instantiateItem(ViewGroup container, int position) {
				ImageView iv = new ImageView(MainActivity.this);

				iv.setImageResource(strimage[position % strimage.length]);

				container.addView(iv);

				return iv;
			}

			@Override
			public void destroyItem(ViewGroup container, int position,
					Object object) {
				container.removeView((View) object);
			}
		});
		vp.setCurrentItem(strimage.length * 5000);

		vp.setOnPageChangeListener(new OnPageChangeListener() {

			@Override
			public void onPageSelected(int arg0) {
				// TODO Auto-generated method stub
				for (int i = 0; i < listImage.size(); i++) {
					if (i == arg0 % strimage.length) {
						listImage.get(i).setImageResource(R.drawable.noml);
					} else {
						listImage.get(i).setImageResource(R.drawable.fnoml);
					}

				}

			}

			@Override
			public void onPageScrolled(int arg0, float arg1, int arg2) {
				// TODO Auto-generated method stub

			}

			@Override
			public void onPageScrollStateChanged(int arg0) {
				// TODO Auto-generated method stub

			}
		});
		handler.sendEmptyMessageDelayed(0, 1000);
	}

	private void info() {
		listImage = new ArrayList<ImageView>();
		listImage.clear();
		for (int i = 0; i < strimage.length; i++) {
			ImageView iv = new ImageView(MainActivity.this);

			if (i == 0) {
				iv.setImageResource(R.drawable.noml);
			} else {
				iv.setImageResource(R.drawable.fnoml);
			}
			LayoutParams param = new LayoutParams(10, 10);
			param.setMargins(5, 0, 5, 5);
			listImage.add(iv);
			ll.addView(iv, param);

		}
	}

}

//Layout

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v4.view.ViewPager
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:id="@+id/vp"/>
    <LinearLayout
        android:layout_alignBottom="@+id/vp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="20dp"
        android:layout_alignParentRight="true"
        android:gravity="center_horizontal"
        android:id="@+id/ll"></LinearLayout>

</RelativeLayout>

//drawable 一个亮的圆和一个不亮的圆

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle">
    <corners android:radius="9dp"/>
    <solid android:color="#88000000"/>

</shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle">
    <corners android:radius="9dp"/>
    <solid android:color="#FFF"/>

</shape>