使用Banner制作轮播图

Posted 菜鸟东东

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用Banner制作轮播图相关的知识,希望对你有一定的参考价值。

使用Banner制作轮播图

步骤:

第一步:

权限配置

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.VIBRATE" />

第二步:

导入要用的包:这里直接用网络图片接口可以自己换,这个接口图片不全:

compile ‘com.squareup.okio:okio:1.5.0‘
compile ‘com.squareup.okhttp3:okhttp:3.2.0‘
compile ‘com.squareup.okhttp3:logging-interceptor:3.4.1‘
compile ‘com.google.code.gson:gson:2.8.2‘
compile ‘com.youth.banner:banner:1.4.9‘
//compile ‘com.nostra13.universalimageloader:universal-image-loader:1.9.5‘
compile ‘com.github.bumptech.glide:glide:3.7.0‘

第三步:

添加布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="150dp">
    <com.youth.banner.Banner
        android:id="@+id/mybanner"
        android:layout_width="match_parent"
        android:layout_height="150dp"></com.youth.banner.Banner>
</LinearLayout>

第四步:

还需要创建一个GlideImageLoader图片加载类:

public class GlideImaGlideImageLoader extends ImageLoader {
    @Override
    public void displayImage(Context context, Object path, ImageView imageView) {
        Glide.with(context).load(path).into(imageView);
    }
}

最后当然是Activity了:

mbanner= (Banner) findViewById(R.id.mybanner);

GetDate(mpath);



private void GetDate(String url){
    OkHttp3Utils.getInstance().doGet(url, new GsonObjectCallback<HomeBean>() {
        @Override
        public void onUi(HomeBean homeBean) {

            for(int i=0; i<homeBean.getData().getAd1().size();i++){
                String ad1s = homeBean.getData().getAd1().get(i).getImage();
                mlist.add(ad1s);
            }
            //设置图片加载器
            mbanner.setImageLoader(new GlideImageLoader());
            mbanner.setImages(mlist);
            mbanner.start();
        }
        @Override
        public void onFailed(Call call, IOException e) {

        }
    });
}

轮播图制作完成图片借口需要自己换

以上是关于使用Banner制作轮播图的主要内容,如果未能解决你的问题,请参考以下文章

安卓中如何设置轮播图——banner

安卓中如何设置轮播图——banner

7Flutter banner_view 轮播图的使用

使用jQuery进行轮播图

Android三方框架banner实现轮播图

前端小白案例-商品轮播图制作