Banner實現輪播圖
第三方banner輪播圖
1.匯入依賴
implementation ‘com.youth.banner:banner:1.4.10’
2.建立佈局檔案
<com.youth.banner.Banner
android:layout_width=“match_parent”
android:layout_height=“match_parent”
android:id="@+id/banner"></com.youth.banner.Banner>
3.定義一個集合裡面如果是本地的圖片泛型就給String ,網路的圖片就給Integer,我自己獲取的是本地的圖片。
banner = (Banner) findViewById(R.id.banner);
imgList=new ArrayList<>();
imgList.add(R.mipmap.ic_launcher);
imgList.add(R.drawable.black_background);
imgList.add(R.mipmap.ic_launcher);
//設定自動輪播時間
banner.setDelayTime(2000);
//設定圖片來源
banner.setImages(imgList);
//設定是否自動輪播
banner.isAutoPlay(true);
//解析圖片
banner.setImageLoader(new ImageLoader() {
@Override
public void displayImage(Context context, Object path, ImageView imageView) {
Picasso.with(context).load((Integer) path).into(imageView);
}
});
//開啟輪播
banner.start();
相關文章
- 仿小米官網輪播圖(Banner)的實現
- Flutter 封裝一個 Banner 輪播圖Flutter封裝
- Flutter 如何封裝一個 Banner 輪播圖?Flutter封裝
- 自定義view————Banner輪播View
- js實現輪播圖JS
- ViewPage實現輪播圖View
- 直播軟體原始碼,Android---Banner輪播圖原始碼Android
- 原生js實現輪播圖JS
- Axure之使用動態皮膚建立banner輪播圖
- 兩種方式實現輪播圖
- 用CSS實現一個輪播圖CSS
- [分享會]只用CSS實現輪播圖CSS
- vue元件之輪播圖的實現Vue元件
- 原生JS實現輪播圖的效果JS
- app直播原始碼,Banner廣告圖片輪播控制元件APP原始碼控制元件
- 網頁佈局------輪播圖效果實現網頁
- vue元件之路之輪播圖的實現Vue元件
- 用原生js實現圖片輪播器JS
- jQuery輪播圖之上下輪播jQuery
- 直播app原始碼,HTML + jQuery 實現輪播圖APP原始碼HTMLjQuery
- 藉助 :has 實現3d輪播圖3D
- JQuery實現圖片輪播無縫滾動jQuery
- 使用jQuery實現的平滑滾動輪播圖jQuery
- 基於 flex 的 order 實現 carousel 輪播圖Flex
- 輪播圖
- jQuery實現輪播效果jQuery
- Axure實現輪播效果
- spring boot+bootstrap實現動態輪播圖實戰Spring Boot
- 原生JS實現輪播圖--第二章動畫實現JS動畫
- 直播app開發,首頁輪播圖效果實現APP
- JS實現輪播圖效果(有詳細註釋)JS
- 移動端輪播圖實現方法(dGun.js)JS
- jQuery實現3D圖片輪播詳解jQuery3D
- 用原生JS實現 圖片輪播切換 功能JS
- 微信小程式------輪播圖------縱向輪播圖微信小程式
- css實現滾動輪播CSS
- Flutter輪播圖Flutter
- vue輪播圖Vue