Android通过Banner获取网络图片实现轮播图

逃离我推掉我的手 2024-03-23 15:15 95阅读 0赞

#### 1、在Module的build.gradle文件导入依赖 ####

//banner
        implementation 'com.youth.banner:banner:2.1.0'
        //glide图片加载器
        implementation 'com.github.bumptech.glide:glide:4.15.1'
        annotationProcessor 'com.github.bumptech.glide:compiler:4.9.0'

#### 2、在settings.gradle文件加入下面几行代码 ####

pluginManagement {
        repositories {
            gradlePluginPortal()
            google()
            jcenter()//添加的代码
            mavenCentral()
            maven { url 'https://jitpack.io' }//添加的代码
        }
    }
    dependencyResolutionManagement {
        repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
        repositories {
            google()
            jcenter()//添加的代码
            mavenCentral()
            maven { url 'https://jitpack.io' }//添加的代码
        }
    }

#### 3、在AndroidManifest.xml文件加入网络权限 ####

<uses-permission android:name="android.permission.INTERNET"/>

#### **4、在布局文件中写入banner控件，代码如下** ####

<com.youth.banner.Banner
       android:id="@+id/banner"
       android:layout_width="match_parent"
       android:layout_height="200dp"/>

#### 5、适配器代码 ####

import android.content.Context;
    import android.os.Build;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.ImageView;
    
    import androidx.annotation.NonNull;
    import androidx.recyclerview.widget.RecyclerView;
    
    import com.bumptech.glide.Glide;
    import com.youth.banner.adapter.BannerAdapter;
    import com.youth.banner.util.BannerUtils;
    
    import java.util.List;
    
    public class ImageBannerAdapter extends BannerAdapter<String,ImageBannerAdapter.ImageHolder> {
    
        private Context context;
    
        public ImageBannerAdapter(Context context,List<String> datas) {
            super(datas);
            this.context = context;
        }
    
        @Override
        public ImageBannerAdapter.ImageHolder onCreateHolder(ViewGroup parent, int viewType) {
            ImageView imageView = (ImageView) BannerUtils.getView(parent, R.layout.item_imageview_layout);
            if(Build.VERSION.SDK_INT > Build.VERSION_CODES.LOLLIPOP) {
                BannerUtils.setBannerRound(imageView,6f);
            }
            return new ImageHolder(imageView);
        }
    
        @Override
        public void onBindView(ImageBannerAdapter.ImageHolder holder, String url, int position, int size) {
            Glide.with(context)
                    .load(url)
                    .centerCrop()
                    .thumbnail(Glide.with(context).load(R.mipmap.ic_launcher))
                    .into(holder.imageView);
        }
    
        public class ImageHolder extends RecyclerView.ViewHolder {
            public ImageView imageView;
            public ImageHolder(@NonNull View itemView) {
                super(itemView);
                this.imageView = itemView.findViewById(R.id.image);
            }
        }
    }

#### 6、MainActivity代码如下 ####

private Banner banner;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            banner = (Banner) findViewById(R.id.banner);
        }
    
        ArrayList<BannerBean> bannerBeans = new ArrayList<>();
            ArrayList<String> bannerBeans = new ArrayList<>();
            //添加获取网络的图片，在浏览器上搜索一下就有很多图片，就不举例了
            bannerBeans.add("1.jpg");
            bannerBeans.add("2.jpg");
            bannerBeans.add("3.jpg");
            
            //创建适配器
            ImageBannerAdapter imageBannerAdapter = new ImageBannerAdapter(this, bannerBeans);
            banner.setAdapter(imageBannerAdapter);//写到这里就实现轮播图了
            banner.setIndicator(new CircleIndicator(this),true);//设置指示器为原点