快捷導(dǎo)航

Android中banner的使用步驟

更新時(shí)間：2017年06月27日 10:01:19 作者：弱水三千Y

本文分步驟給大詳細(xì)介紹了Android中banner的使用，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧

Step 1.依賴banner

Gradle
dependencies{
  compile 'com.youth.banner:banner:1.4.9' //最新版本
}

或者引用本地lib

compile project(':banner')

Step 2.添加權(quán)限到你的 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，可以設(shè)置自定義屬性

?。。〈瞬襟E可以省略，直接在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="高度自己設(shè)置" />

Step 4.重寫圖片加載器

public class GlideImageLoader extends ImageLoader {
  @Override
  public void displayImage(Context context, Object path, ImageView imageView) {
    /**
     注意：
     1.圖片加載器由自己選擇，這里不限制，只是提供幾種使用方法
     2.返回的圖片路徑為Object類型，由于不能確定你到底使用的那種圖片加載器，
     傳輸?shù)牡降氖鞘裁锤袷?，那么這種就使用Object接收和返回，你只需要強(qiáng)轉(zhuǎn)成你傳輸?shù)念愋途托校?
     切記不要胡亂強(qiáng)轉(zhuǎn)！
     */
    eg：
    //Glide 加載圖片簡(jiǎn)單用法
    Glide.with(context).load(path).into(imageView);
    //Picasso 加載圖片簡(jiǎn)單用法
    Picasso.with(context).load(path).into(imageView);
    //用fresco加載圖片簡(jiǎn)單用法，記得要寫下面的createImageView方法
    Uri uri = Uri.parse((String) path);
    imageView.setImageURI(uri);
  }
  //提供createImageView 方法，如果不用可以不重寫這個(gè)方法，主要是方便自定義ImageView的創(chuàng)建
  @Override
  public ImageView createImageView(Context context) {
    //使用fresco，需要?jiǎng)?chuàng)建它提供的ImageView，當(dāng)然你也可以用自己自定義的具有圖片加載功能的ImageView
    SimpleDraweeView simpleDraweeView=new SimpleDraweeView(context);
    return simpleDraweeView;
  }
}

Step 5.在Activity或者Fragment中配置Banner

--------------------------簡(jiǎn)單使用-------------------------------
@Override
protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  Banner banner = (Banner) findViewById(R.id.banner);
  //設(shè)置圖片加載器
  banner.setImageLoader(new GlideImageLoader());
  //設(shè)置圖片集合
  banner.setImages(images);
  //banner設(shè)置方法全部調(diào)用完畢時(shí)最后調(diào)用
  banner.start();
}
--------------------------詳細(xì)使用-------------------------------
@Override
protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  Banner banner = (Banner) findViewById(R.id.banner);
  //設(shè)置banner樣式
  banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE);
  //設(shè)置圖片加載器
  banner.setImageLoader(new GlideImageLoader());
  //設(shè)置圖片集合
  banner.setImages(images);
  //設(shè)置banner動(dòng)畫效果
  banner.setBannerAnimation(Transformer.DepthPage);
  //設(shè)置標(biāo)題集合（當(dāng)banner樣式有顯示title時(shí)）
  banner.setBannerTitles(titles);
  //設(shè)置自動(dòng)輪播，默認(rèn)為true
  banner.isAutoPlay(true);
  //設(shè)置輪播時(shí)間
  banner.setDelayTime(1500);
  //設(shè)置指示器位置（當(dāng)banner模式中有指示器時(shí)）
  banner.setIndicatorGravity(BannerConfig.CENTER);
  //banner設(shè)置方法全部調(diào)用完畢時(shí)最后調(diào)用
  banner.start();
}
-----------------當(dāng)然如果你想偷下懶也可以這么用--------------------
@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.（可選）增加體驗(yàn)

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

以上所述是小編給大家介紹的Android中banner的使用步驟，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: