Banner轮播图

来源:互联网 发布:知乎怎样查航班动态 编辑:程序博客网 时间:2024/06/06 05:43

接下来给大家说一下 Banner,并请求网络图片


接下来就直接说步骤了:

第一步,在App的build中导入依赖:

[html] view plain copy
  1. <span style="font-size:18px;">compile 'com.youth.banner:banner:1.4.9'  
  2. compile 'com.github.bumptech.glide:glide:3.7.0'</span>  

第二部,加权限:

[html] view plain copy
  1. <span style="font-size:18px;"><!-- if you want to load images from the internet -->  
  2. <uses-permission android:name="android.permission.INTERNET" />  
  3. <!-- if you want to load images from a file OR from the internet -->  
  4. <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /></span>  

第三部,创建GlideImageLoader类,并继承ImageLoader(在这还要导入ImageLoader   Jar包)

[html] view plain copy
  1. package com.eightgroup.banner;  
  2.   
  3. import android.content.Context;  
  4. import android.widget.ImageView;  
  5.   
  6. import com.bumptech.glide.Glide;  
  7. import com.youth.banner.loader.ImageLoader;  
  8.   
  9. /**  
  10.  * Created by 笔片 on 2017/10/15.  
  11.  */  
  12.   
  13. public class GlideImageLoader extends ImageLoader{  
  14.     @Override  
  15.     public void displayImage(Context context, Object path, ImageView imageView) {  
  16.         Glide.with(context).load((String) path).into(imageView);  
  17.     }  
  18. }  


第四部,布局文件中:

[html] view plain copy
  1. <span style="font-family:Microsoft YaHei;"><com.youth.banner.Banner  
  2.         android:id="@+id/banner"  
  3.         android:layout_width="match_parent"  
  4.         android:layout_height="300dp" /></span>  

第五步,主函数MainActivity:

[html] view plain copy
  1. package com.eightgroup.banner;  
  2.   
  3. import android.support.v7.app.AppCompatActivity;  
  4. import android.os.Bundle;  
  5.   
  6. import com.youth.banner.Banner;  
  7. import com.youth.banner.BannerConfig;  
  8. import com.youth.banner.Transformer;  
  9.   
  10. import java.util.ArrayList;  
  11. import java.util.List;  
  12.   
  13. public class MainActivity extends AppCompatActivity {  
  14.     private Banner mBanner;  
  15.     private List<String> imageTitle;  
  16.     private ArrayList<Object> imageArray;  
  17.   
  18.     @Override  
  19.     protected void onCreate(Bundle savedInstanceState) {  
  20.         super.onCreate(savedInstanceState);  
  21.         setContentView(R.layout.activity_main);  
  22.         mBanner = (Banner)findViewById(R.id.banner);  
  23. //设置图片加载集合  
  24.         imageArray=new ArrayList<>();  
  25.   
  26.         imageArray.add("https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1649060787,253637340&fm=27&gp=0.jpg");  
  27.         imageArray.add("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1507193296&di=8b6d3b1618e6b8f0e825d6e025f7e3e1&imgtype=jpg&er=1&src=http%3A%2F%2Fwww.zhaoxi.net%2Fimages%2Fmymake%2F2014%2F4%2F201404242353235302.jpg");  
  28.         imageArray.add("https://m.360buyimg.com//n0/jfs/t7504/338/63721388/491286/f5957f53/598e95f1N7f2adb87.jpg");  
  29.   
  30.         //设置图片标题集合  
  31.         imageTitle=new ArrayList<>();  
  32.         imageTitle.add("aaaaaaaaa");  
  33.         imageTitle.add("bbbbbbbbb");  
  34.         imageTitle.add("ccccccccc");  
  35.   
  36.         mBanner = (Banner) findViewById(R.id.banner);  
  37.         //设置banner样式  
  38.         mBanner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);  
  39.         //设置图片加载器  
  40.         mBanner.setImageLoader(new GlideImageLoader());  
  41.         //设置图片集合  
  42.         mBanner.setImages(imageArray);  
  43.         //设置banner动画效果  
  44.         mBanner.setBannerAnimation(Transformer.RotateDown);  
  45.         //设置标题集合(当banner样式有显示title时)  
  46.         mBanner.setBannerTitles(imageTitle);  
  47.         //设置轮播时间  
  48.         mBanner.setDelayTime(1500);  
  49.         //设置指示器位置(当banner模式中有指示器时)  
  50.         mBanner.setIndicatorGravity(BannerConfig.CENTER);  
  51.         //banner设置方法全部调用完毕时最后调用  
  52.         mBanner.start();  
  53.     }  
  54. }  
好了,到这就基本上完成了,直接按照步骤复制,就可以在模拟器上运行了,当然,图片的地址可以自己选择。
原创粉丝点击