1. 程式人生 > >Android中banner詳細的使用步驟_標配版

Android中banner詳細的使用步驟_標配版

1.依賴banner

compile 'com.youth.banner:banner:1.4.9' //最新版本

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" />

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="高度自己設定" />

4.重寫圖片載入器

public class GlideImageLoader extends ImageLoader {
  @Override
  public void displayImage(Context context, Object path, ImageView imageView) {
    /**
     注意:
     1.圖片載入器由自己選擇,這裡不限制,只是提供幾種使用方法
     2.返回的圖片路徑為Object型別,由於不能確定你到底使用的那種圖片載入器,
     傳輸的到的是什麼格式,那麼這種就使用Object接收和返回,你只需要強轉成你傳輸的型別就行,
     切記不要胡亂強轉!
     */
   
    //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;
  }
}

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();
}

6.(可選)增加體驗

//如果你需要考慮更好的體驗,可以這麼操作
@Override
protected void onStart() {
  super.onStart();
  //開始輪播
  banner.startAutoPlay();
}
@Override
protected void onStop() {
  super.onStop();
  //結束輪播
  banner.stopAutoPlay();
}

以上所述是我給大家介紹的Android中banner的使用步驟,希望對大家有所幫助,我的解說有點吧完美,請大家多多見諒。在此也非常感謝大家我部落格的支援!