Banner轮播图

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

Banner轮播图

接下来就直接说步骤了：

第一步，在App的build中导入依赖：

[html]view
plain copy

<span style="font-size:18px;">compile 'com.youth.banner:banner:1.4.9'  

compile 'com.github.bumptech.glide:glide:3.7.0'</span>  

第二部，加权限：

[html]view
plain copy

<span style="font-size:18px;"><!-- 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" /></span>  

第三部，创建GlideImageLoader类，并继承ImageLoader（在这还要导入ImageLoader Jar包）

[html]view
plain copy

package com.eightgroup.banner;  

import android.content.Context;  

import android.widget.ImageView;  

import com.bumptech.glide.Glide;  

import com.youth.banner.loader.ImageLoader;  

/**  

 * Created by 笔片 on 2017/10/15.  

 */  

public class GlideImageLoader extends ImageLoader{  

    @Override  

    public void displayImage(Context context, Object path, ImageView imageView) {  

        Glide.with(context).load((String) path).into(imageView);  

    }  

}

第四部，布局文件中：

[html]view
plain copy

<span style="font-family:Microsoft YaHei;"><com.youth.banner.Banner  

        android:id="@+id/banner"  

        android:layout_width="match_parent"  

        android:layout_height="300dp" /></span>  

第五步，主函数MainActivity：

[html]view
plain copy

package com.eightgroup.banner;  

import android.support.v7.app.AppCompatActivity;  

import android.os.Bundle;  

import com.youth.banner.Banner;  

import com.youth.banner.BannerConfig;  

import com.youth.banner.Transformer;  

import java.util.ArrayList;  

import java.util.List;  

public class MainActivity extends AppCompatActivity {  

    private Banner mBanner;  

    private List<String> imageTitle;  

    private ArrayList<Object> imageArray;  

    @Override  

    protected void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

        setContentView(R.layout.activity_main);  

        mBanner = (Banner)findViewById(R.id.banner);  

//设置图片加载集合  

        imageArray=new ArrayList<>();  

        imageArray.add("https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1649060787,253637340&fm=27&gp=0.jpg");  

        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");  

        imageArray.add("https://m.360buyimg.com//n0/jfs/t7504/338/63721388/491286/f5957f53/598e95f1N7f2adb87.jpg");  

        //设置图片标题集合  

        imageTitle=new ArrayList<>();  

        imageTitle.add("aaaaaaaaa");  

        imageTitle.add("bbbbbbbbb");  

        imageTitle.add("ccccccccc");  

        mBanner = (Banner) findViewById(R.id.banner);  

        //设置banner样式  

        mBanner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);  

        //设置图片加载器  

        mBanner.setImageLoader(new GlideImageLoader());  

        //设置图片集合  

        mBanner.setImages(imageArray);  

        //设置banner动画效果  

        mBanner.setBannerAnimation(Transformer.RotateDown);  

        //设置标题集合（当banner样式有显示title时）  

        mBanner.setBannerTitles(imageTitle);  

        //设置轮播时间  

        mBanner.setDelayTime(1500);  

        //设置指示器位置（当banner模式中有指示器时）  

        mBanner.setIndicatorGravity(BannerConfig.CENTER);  

        //banner设置方法全部调用完毕时最后调用  

        mBanner.start();  

    }  

}

好了，到这就基本上完成了，直接按照步骤复制，就可以在模拟器上运行了，当然，图片的地址可以自己选择。

相关推荐