Android中banner的使用步驟
Step 1.依賴banner
Gradle
dependencies{
compile 'com.youth.banner:banner:1.4.9' //最新版本 }
或者引用本地lib
compile project(':banner')
Step 2.添加權限到你的 AndroidManifest.xml
<!-- if you want to load images from the internet --> <uses-permission android:name="android.permission.INTERNET" /> <!-- if you want to load images from a file OR from the internet --> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
Step 3.在布局文件中添加Banner，可以設置自定義屬性
！！！此步驟可以省略，直接在Activity或者Fragment中new Banner();
<com.youth.banner.Banner
xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/banner" android:layout_width="match_parent" android:layout_height="高度自己設置" />
Step 4.重寫圖片加載器
public class GlideImageLoader extends ImageLoader { @Override public void displayImage(Context context, Object path, ImageView imageView) { /** 注意： 1.圖片加載器由自己選擇，這里不限制，只是提供幾種使用方法 2.返回的圖片路徑為Object類型，由於不能確定你到底使用的那種圖片加載器， 傳輸的到的是什么格式，那么這種就使用Object接收和返回，你只需要強轉成你傳輸的類型就行， 切記不要胡亂強轉！ */ eg： //Glide 加載圖片簡單用法 Glide.with(context).load(path).into(imageView); //Picasso 加載圖片簡單用法 Picasso.with(context).load(path).into(imageView); //用fresco加載圖片簡單用法，記得要寫下面的createImageView方法 Uri uri = Uri.parse((String) path); imageView.setImageURI(uri); } //提供createImageView 方法，如果不用可以不重寫這個方法，主要是方便自定義ImageView的創建 @Override public ImageView createImageView(Context context) { //使用fresco，需要創建它提供的ImageView，當然你也可以用自己自定義的具有圖片加載功能的ImageView SimpleDraweeView simpleDraweeView=new SimpleDraweeView(context); return simpleDraweeView; } }
Step 5.在Activity或者Fragment中配置Banner
--------------------------簡單使用------------------------------- @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Banner banner = (Banner) findViewById(R.id.banner); //設置圖片加載器 banner.setImageLoader(new GlideImageLoader()); //設置圖片集合 banner.setImages(images); //banner設置方法全部調用完畢時最后調用 banner.start(); } --------------------------詳細使用------------------------------- @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Banner banner = (Banner) findViewById(R.id.banner); //設置banner樣式 banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE); //設置圖片加載器 banner.setImageLoader(new GlideImageLoader()); //設置圖片集合 banner.setImages(images); //設置banner動畫效果 banner.setBannerAnimation(Transformer.DepthPage); //設置標題集合（當banner樣式有顯示title時） banner.setBannerTitles(titles); //設置自動輪播，默認為true banner.isAutoPlay(true); //設置輪播時間 banner.setDelayTime(1500); //設置指示器位置（當banner模式中有指示器時） banner.setIndicatorGravity(BannerConfig.CENTER); //banner設置方法全部調用完畢時最后調用 banner.start(); } -----------------當然如果你想偷下懶也可以這么用-------------------- @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Banner banner = (Banner) findViewById(R.id.banner); banner.setImages(images).setImageLoader(new GlideImageLoader()).start(); }
Step 6.（可選）增加體驗
//如果你需要考慮更好的體驗，可以這么操作 @Override protected void onStart() { super.onStart(); //開始輪播 banner.startAutoPlay(); } @Override protected void onStop() { super.onStop(); //結束輪播 banner.stopAutoPlay(); }