溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Android實現(xiàn)基于ViewPager的無限循環(huán)自動播放帶指示器的輪播圖CarouselFigureView控件

發(fā)布時間:2020-08-23 01:55:16 來源:腳本之家 閱讀:576 作者:liujinhua1992 欄目:移動開發(fā)

最近用到需要無限輪播自動播放的輪播輪播圖,網(wǎng)上感覺都有這樣那樣的問題,于是自己寫了一個通用的控件CarouselFigureView。

特點:

1.可以輪播view可以自己定義,不一定是要是ImageView2.指示器默認(rèn)顯示,但是可以隱藏3.可以設(shè)置指示器的顏色、間距、大小 4.有基礎(chǔ)的可以自己修改代碼改變指示器位置,這個應(yīng)該不難5.可以自己開啟和關(guān)閉自動輪播,開啟輪播的時候可以設(shè)置輪播時間間隔,默認(rèn)3000毫秒

我們先來看看效果圖:

Android實現(xiàn)基于ViewPager的無限循環(huán)自動播放帶指示器的輪播圖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 >  </span>//這里返回要輪播的view的數(shù)量 
<span >  </span> @Override 
      public int getSize() { 
        return urls.size(); 
      } 
<span >  </span>//這里是關(guān)鍵,根據(jù)position返回對應(yīng)的view(就是對于的輪播圖) 
      @Override 
      public View getView(int position) { 
        ImageView view = new ImageView(MainActivity.this); 
        ImageLoader.getInstance().displayImage(urls.get(position),view); 
        return view; 
      } 
    }); 
    //設(shè)置指示點的大小,默認(rèn)8 單位dp 
    carouselFigureView.setPointSize(16); 
    //設(shè)置指示點的顏色,默認(rèn)選中紅色 ,其他灰色 
//    carouselFigureView.setPointColor(Color.BLUE,Color.BLACK); 
    //設(shè)置指示點離底部具距離,默認(rèn)40 單位dp 
//    carouselFigureView.setIndicatorMarginBottom(260); 
    //設(shè)置指示點間距,默認(rèn)20 單位dp 
    carouselFigureView.setPointSpacing(40); 
    //設(shè)置是否顯示指示器,默認(rèn)顯示 
//    carouselFigureView.isShowIndicator(false); 
  } 
  @Override 
  protected void onResume() { 
    super.onResume(); 
    //開始輪播 
    carouselFigureView.start(); 
  } 
  @Override 
  protected void onPause() { 
    super.onPause(); 
    //停止輪播 
    carouselFigureView.stop(); 
  } 
} 

以上所述是小編給大家介紹的Android實現(xiàn)基于ViewPager的無限循環(huán)自動播放帶指示器的輪播圖CarouselFigureView控件,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對億速云網(wǎng)站的支持!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI