欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android实现基于ViewPager的无限循环自动播放带指示器的轮播图CarouselFigureView控件

程序员文章站 2023-12-17 23:22:04
最近用到需要无限轮播自动播放的轮播轮播图,网上感觉都有这样那样的问题,于是自己写了一个通用的控件carouselfigureview。 特点: 1.可以轮播view可以...

最近用到需要无限轮播自动播放的轮播轮播图,网上感觉都有这样那样的问题,于是自己写了一个通用的控件carouselfigureview。

特点:

1.可以轮播view可以自己定义,不一定是要是imageview2.指示器默认显示,但是可以隐藏3.可以设置指示器的颜色、间距、大小 4.有基础的可以自己修改代码改变指示器位置,这个应该不难5.可以自己开启和关闭自动轮播,开启轮播的时候可以设置轮播时间间隔,默认3000毫秒

我们先来看看效果图:

Android实现基于ViewPager的无限循环自动播放带指示器的轮播图CarouselFigureView控件

然后来看看使用代码

xml代码

<?xml version="1.0" encoding="utf-8"?> 
<framelayout 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:fitssystemwindows="true" 
  tools:context="com.winston.base.myviewpager.mainactivity"> 
  <com.winston.base.myviewpager.carousefigure.carouselfigureview 
    android:id="@+id/carouselfigureview" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"/> 
</framelayout>

 activity代码 

<pre name="code" class="html">package com.winston.base.myviewpager; 
import android.os.bundle; 
import android.support.v7.app.appcompatactivity; 
import android.view.view; 
import android.widget.imageview; 
import com.nostra13.universalimageloader.core.imageloader; 
import com.nostra13.universalimageloader.core.imageloaderconfiguration; 
import com.winston.base.myviewpager.carousefigure.carousefigurebaseadapter; 
import com.winston.base.myviewpager.carousefigure.carouselfigureview; 
import java.util.arraylist; 
import java.util.list; 
public class mainactivity extends appcompatactivity { 
  private list<string> urls = new arraylist<>(); 
  private carouselfigureview carouselfigureview; 
  @override 
  protected void oncreate(bundle savedinstancestate) { 
    super.oncreate(savedinstancestate); 
    imageloader.getinstance().init(imageloaderconfiguration.createdefault(this)); 
    urls.add("http://h.hiphotos.baidu.com/image/h%3d300/sign=c9dd5806ab6eddc439e7b2fb09dab6a2/377adab44aed2e734cfdf0cf8101a18b87d6fa39.jpg"); 
    urls.add("http://e.hiphotos.baidu.com/image/h%3d300/sign=7aac96eab0003af352bada60052bc619/b58f8c5494eef01f76566e26e6fe9925bd317d96.jpg"); 
    urls.add("http://b.hiphotos.baidu.com/image/h%3d300/sign=c5d06d0ea5cc7cd9e52d32d909002104/32fa828ba61ea8d3946002e7910a304e241f5896.jpg"); 
    urls.add("http://f.hiphotos.baidu.com/image/h%3d360/sign=76a2918f0bb30f242a9aea05f894d192/a8014c086e061d9507500dd67ff40ad163d9cacd.jpg"); 
    setcontentview(r.layout.activity_main); 
    carouselfigureview = (carouselfigureview)findviewbyid(r.id.carouselfigureview); 
    carouselfigureview.setadapter(new carousefigurebaseadapter(){ 
      <pre name="code" class="html"><span style="white-space:pre">  </span>//这里返回要轮播的view的数量 
<span style="white-space:pre">  </span> @override 
      public int getsize() { 
        return urls.size(); 
      } 
<span style="white-space:pre">  </span>//这里是关键,根据position返回对应的view(就是对于的轮播图) 
      @override 
      public view getview(int position) { 
        imageview view = new imageview(mainactivity.this); 
        imageloader.getinstance().displayimage(urls.get(position),view); 
        return view; 
      } 
    }); 
    //设置指示点的大小,默认8 单位dp 
    carouselfigureview.setpointsize(16); 
    //设置指示点的颜色,默认选中红色 ,其他灰色 
//    carouselfigureview.setpointcolor(color.blue,color.black); 
    //设置指示点离底部具距离,默认40 单位dp 
//    carouselfigureview.setindicatormarginbottom(260); 
    //设置指示点间距,默认20 单位dp 
    carouselfigureview.setpointspacing(40); 
    //设置是否显示指示器,默认显示 
//    carouselfigureview.isshowindicator(false); 
  } 
  @override 
  protected void onresume() { 
    super.onresume(); 
    //开始轮播 
    carouselfigureview.start(); 
  } 
  @override 
  protected void onpause() { 
    super.onpause(); 
    //停止轮播 
    carouselfigureview.stop(); 
  } 
} 

以上所述是小编给大家介绍的android实现基于viewpager的无限循环自动播放带指示器的轮播图carouselfigureview控件,希望对大家有所帮助

上一篇:

下一篇: