Android   发布时间:2022-04-28  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Android 使用ViewPager实现轮播图效果大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

写这篇文章只是对今天所学的知识进行加深印象,对ViewPager的一些处理,比如适配器和各个方法的作用等。

先看效果

Android 使用ViewPager实现轮播图效果

这里我是在xml中写的圆点

Drawable文件夹下的xml代码

Shape_yes.xml:

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://scheR_273_11845@as.android.com/apk/res/android"> 
  <solid android:color="#ff6c67"></solid> 
  <corners android:radius="1000dp"></corners> 
</shape>

Shape_no.xml:

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://scheR_273_11845@as.android.com/apk/res/android"> 
<solid android:color="#f0f0f0"></solid> 
  <corners android:radius="1000dp"></corners> 
</shape>

选择器

<?xml version="1.0" encoding="utf-8"?> 
<SELEctor xmlns:android="http://scheR_273_11845@as.android.com/apk/res/android"> 
<item android:drawable="@drawable/shape_no" 
  android:state_SELEcted="false" 
  /> 
  <item android:drawable="@drawable/shape_yes" 
   android:state_SELEcted="true" 
    /> 
</SELEctor> 

Activity_main.xml:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://scheR_273_11845@as.android.com/apk/res/android" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent"> 
  <RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="160dp"> 
    <android.support.v4.view.ViewPager 
      android:id="@+id/vp" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content"> 
    </android.support.v4.view.ViewPager> 
    <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="40dp" 
      android:layout_alignParentBottom="true" 
      android:gravity="center_horizontal" 
      android:padding="5dp" 
      android:orientation="vertical" 
      android:BACkground="#66000000"> 
      <LinearLayout 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_gravity="bottom" 
        android:gravity="center" 
        android:orientation="horizontal" 
        android:paddingBottom="10dp"> 
        <ImageView 
          android:id="@+id/iv_one" 
          android:layout_width="20dp" 
          android:layout_height="20dp" 
          android:layout_marginRight="20dp" 
          android:BACkground="@drawable/SELEctor_show" /> 
        <ImageView 
          android:id="@+id/iv_two" 
          android:layout_width="20dp" 
          android:layout_height="20dp" 
          android:layout_marginRight="20dp" 
          android:BACkground="@drawable/SELEctor_show" /> 
        <ImageView 
          android:id="@+id/iv_three" 
          android:layout_width="20dp" 
          android:layout_height="20dp" 
          android:BACkground="@drawable/SELEctor_show" /> 
      </LinearLayout> 
    </LinearLayout> 
  </RelativeLayout> 
</RelativeLayout> 

一个类ViewPagerAdapter_Circleextends PagerAdapter

public class ViewPagerAdapter_Circle extends PagerAdapter { 
  ArrayList<View> arrayList; 
  Context context; 
  public ViewPagerAdapter_Circle(ArrayList<View> arrayList,Context context) { 
    this.arrayList = arrayList; 
    this.context = context; 
  } 
  /***数据源的大小(条目)*/ 
  @Override 
  public int getCount() { 
    return arrayList.size(); 
  } 
  /** 
   * 页面视图是否关联到特定的对象 
   */ 
  @Override 
  public Boolean isViewFromObject(View view,Object object) { 
    return view == object;//判断当前要显示页面 
  } 
  /** 
   * 初始化页面 
   * 1.页面添加到container 
   * 2.将页面返回 
   */ 
  @Override 
  public Object instantiateItem(ViewGroup container,int position) { 
    container.addView(arrayList.get(position));//页面添加到container,添加位置 
    return arrayList.get(position); 
  } 
  /** 
   * 销毁当前页面 
   */ 
  @Override 
  public void destroyItem(ViewGroup container,int position,Object object) { 
    container.removeView(arrayList.get(position)); 
  } 
} 
@H_345_0@mainActivity中代码(含注解)

public class MainActivity extends AppCompatActivity { 
  ViewPager viewPager; 
  int imageResIds[]; 
  ArrayList<View> imageViewList;//存图片的集合 
  ArrayList<ImageView> imageViews;//存白点的集合 
  ImageView iv_one,iv_two,iv_three; 
  int oldPostion;//记录原来的位置 
  private Boolean flag; 
  int count=0; 
  Handler handler = new Handler() { 
    @Override 
    public void handlemessage(message msg) { 
      super.handlemessage(msg); 
      if (msg.what == 0) { 
        viewPager.setCurrentItem(count); 
      } 
    } 
  }; 
  @Override 
  protected void onCreate(Bundle savedInstanceStatE) { 
    super.onCreate(savedInstanceStatE); 
    setContentView(R.layout.activity_main); 
    //初始化布局 
    initView(); 
    //初始化数据 
    initData(); 
    //设置适配器 
    initAdapter(); 
    //设置圆点 
    initPoint(); 
    flag = true; 
//循环设置播放 
    new Thread() { 
      @Override 
      public void run() { 
        while (flag) { 
          try { 
            Thread.sleep(3000); 
            count++; 
            if (count == 3) { 
              count = 0; 
            } 
          } catch (InterruptedException E) { 
            e.printStackTrace(); 
          } 
          /**传递信息*/ 
          message msg = new message(); 
          msg.what = 0; 
          msg.obj = count; 
          handler.sendmessage(msg); 
        } 
      } 
    }.start(); 
  } 
  private void initView() { 
    viewPager = (ViewPager) findViewById(R.id.vp); 
  } 
  //初始化要显示的数据 
  private void initData() { 
    //图片资源数组 
    imageResIds = new int[]{R.mipmap.a,R.mipmap.b,R.mipmap.c}; 
    imageViewList = new ArrayList<>();//存图片的集合 
    ImageView imageView; 
    for (int i = 0; i < imageResIds.length; i++) { 
      imageView = new ImageView(this); 
      imageView.setBACkgroundresource(imageResIds[i]); 
      imageViewList.add(imageView); 
    } 
  } 
  //设置适配器 
  private void initAdapter() { 
    ViewPagerAdapter_Circle myViewPagerAdapter = new ViewPagerAdapter_Circle(imageViewList,this); 
    viewPager.setAdapter(myViewPagerAdapter); 
  } 
  /** 
   * 设置圆点的 
   */ 
  private void initPoint() { 
    iv_one = (ImageView) findViewById(R.id.iv_onE); 
    iv_two = (ImageView) findViewById(R.id.iv_two); 
    iv_three = (ImageView) findViewById(R.id.iv_threE); 
    imageViews = new ArrayList<>(); 
    imageViews.add(iv_onE); 
    imageViews.add(iv_two); 
    imageViews.add(iv_threE); 
    iv_one.setSELEcted(true);//设置第一个圆点为true 
    /**viewPager监听事件*/ 
    viewPager.addOnPagechangelistener(new ViewPager.onPagechangelistener() { 
      /**滑动时调用*/ 
      @Override 
      public void onPageScrolled(int position,float positionOffset,int positionOffsetPixels) { 
      } 
      /**停止时调用*/ 
      @Override 
      public void onPageSELEcted(int position) { 
        imageViews.get(position).setSELEcted(true);//滑动后颜色改变 
        imageViews.get(oldPostion).setSELEcted(false);//变为初始颜色 
        oldPostion = position;//把滑动后的圆点的position给原来的oldPostion 
      } 
        /**滑动状态改变时调用*/ 
      @Override 
      public void onPageScrollStateChanged(int statE) { 
      } 
    }); 
  } 
} 

以上所述是小编给大家介绍的Android 使用ViewPager实现轮播图效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程小技巧网站的支持

大佬总结

以上是大佬教程为你收集整理的Android 使用ViewPager实现轮播图效果全部内容,希望文章能够帮你解决Android 使用ViewPager实现轮播图效果所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。