Android 簡單實用的輪播圖控制元件

摘要： CarouselBanner 是一款展示圖片或者廣告的控制元件。它使用簡單，不依賴其他第三方框架，而且把圖片載入的過程通過介面的方式讓使用者自行實現。 github: https://github.com/hacknife/CarouselBanner 閒話不多說，直接上效果圖。 ...

CarouselBanner 是一款展示圖片或者廣告的控制元件。它使用簡單，不依賴其他第三方框架，而且把圖片載入的過程通過介面的方式讓使用者自行實現。

github: ofollow,noindex">https://github.com/hacknife/CarouselBanner

閒話不多說，直接上效果圖。

使用說明

CarouselBanner可以設定滾動的方向，例如水平和垂直，也可以設定滾動的速度，滾動間隔時間，以及指示器的位置。CarouselBanner是普通的輪播控制元件，如果你想使用帶有放縮效果的輪播控制元件，請使用CoolCarouselBanner。

程式碼示例

使用者需要實現圖片載入的過程。

CoolCarouselBanner banner;//with zoom effect
//CarouselBanner
...
banner = findViewById(R.id.banner);
...
List<String> list = new ArrayList<>();
OnHttp.initDefault(getApplicationContext());
list.add("http://g.hiphotos.baidu.com/image/pic/item/b17eca8065380cd78775def0ab44ad3459828147.jpg");
list.add("http://f.hiphotos.baidu.com/image/pic/item/a08b87d6277f9e2faa2048151530e924b899f392.jpg");
list.add("http://b.hiphotos.baidu.com/image/pic/item/03087bf40ad162d923621d011bdfa9ec8a13cd1b.jpg");
list.add("http://e.hiphotos.baidu.com/image/pic/item/b7fd5266d0160924d76acf06de0735fae6cd345b.jpg");
list.add("http://a.hiphotos.baidu.com/image/pic/item/c83d70cf3bc79f3d785ce62db0a1cd11728b2969.jpg");
list.add("http://f.hiphotos.baidu.com/image/pic/item/fcfaaf51f3deb48fd146bfc3fa1f3a292df578fb.jpg");
banner.initBanner(list, new CarouselImageFactory() {
@Override
public void onLoadFactory(String url, ImageView view) {
OnHttp.imageLoader().url(url).view(view).defaultId(R.mipmap.ic_launcher).build();
}
}, new OnCarouselBannerListener() {
@Override
public void onItemClick(int position, String url) {
Toast.makeText(MainActivity.this, "clicked:" + position, Toast.LENGTH_SHORT).show();
}
});

<!--<com.hacknife.carouselbanner.CarouselBanner-->
<com.hacknife.carouselbanner.CoolCarouselBanner
android:id="@+id/banner"
android:layout_width="match_parent"
android:layout_height="200dp"
app:autoPlaying="true"
app:indicatorGravity="left"
app:indicatorSelectedSrc="#d6c2c2"
app:indicatorUnselectedSrc="#df0000"
app:orientation="horizontal"
app:speedPerPixelMillisecond="0.8" />

如何配置

將本倉庫引入你的專案:

Step 1. 新增JitPack倉庫到Build檔案

合併以下程式碼到專案根目錄下的build.gradle檔案的repositories尾。 點選檢視詳情

allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}

Step 2. 新增依賴

合併以下程式碼到需要使用的application Module的dependencies尾。 點選檢視詳情

dependencies {
...
compile 'com.hacknife:carouselbanner:version'
}