CarouselBanner 是一款展示圖片或者廣告的控件综慎。它使用簡單,不依賴其他第三方框架叫惊,而且把圖片加載的過程通過接口的方式讓使用者自行實現(xiàn)寞肖。
github:https://github.com/hacknife/CarouselBanner
閑話不多說,直接上效果圖辩涝。
使用說明
CarouselBanner可以設(shè)置滾動的方向贸伐,例如水平和垂直,也可以設(shè)置滾動的速度怔揩,滾動間隔時間捉邢,以及指示器的位置。CarouselBanner是普通的輪播控件商膊,如果你想使用帶有放縮效果的輪播控件伏伐,請使用CoolCarouselBanner。
代碼示例
使用者需要實現(xiàn)圖片加載的過程晕拆。
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'
}