Android中banner詳細的使用步驟_標配版
阿新 • • 發佈:2019-01-13
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的使用步驟,希望對大家有所幫助,我的解說有點吧完美,請大家多多見諒。在此也非常感謝大家我部落格的支援!