viewpager实现图片轮播+小圆点跟着动

最新推荐文章于 2021-05-31 16:37:14 发布

原创

最新推荐文章于 2021-05-31 16:37:14 发布 · 5.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#viewpager

本文介绍了如何使用ViewPager实现图片轮播并配合小圆点指示器移动。首先，讲解了ViewPager的基本用法，包括布局引入、数据设置及adapter的实现。接着，详细阐述了小圆点动画移动的逻辑，通过动态设置MarginLeft属性来模拟动画效果，并监听ViewPager滑动以同步小圆点位置。最后提到了实现ViewPager自动轮播的逻辑，并处理触摸事件，确保用户交互体验。

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

一、ViewPager简单用法

ViewPager的简单用法：

在布局文件中引入ViewPager，不记得完整的名称的话可以直接到support.v4.view包下找到ViewPager然后copy它的全路径名。

<android.support.v4.view.ViewPager
        android:id="@+id/guide_viewpager"
        android:layout_height="match_parent"
        android:layout_width="match_parent" 
        />

在java代码中为ViewPager设置适配数据：设置list数据，设置adapter，adapter要继承PagerAdapter,重写adapter的getCount()，isViewFromObject(),instantiateItem(),destroyItem()四个方法。

private ArrayList<ImageView> guideList;
guideList=new ArrayList<ImageView>();
	   int imageid[]=new int []{
			   R.drawable.guide_1,
			   R.drawable.guide_2,
			   R.drawable.guide_3
	   };
	   ImageView iv;
for(int i=0;i<imageid.length;i++){
		   iv=new ImageView(this);
		   //设置图片资源
		   iv.setImageResource(imageid[i]);