Andriod——使用Banner实现轮播图（截图教程）

最新推荐文章于 2024-10-11 17:26:40 发布

爱笑君吖

最新推荐文章于 2024-10-11 17:26:40 发布

阅读量379

点赞数 2

分类专栏： Android 文章标签： android 安卓 1024程序员节

本文链接：https://blog.csdn.net/weixin_46946002/article/details/117338266

版权

Android 专栏收录该内容

11 篇文章 3 订阅

订阅专栏

本文介绍了如何在Android应用中使用Youth Banner库结合Glide加载网络图片，创建轮播图效果。首先，引入了必要的依赖库，并添加了网络权限。然后，在XML布局文件中设置了Banner组件，并在Activity中初始化Banner，添加图片URL到数据列表，自定义适配器以使用Glide加载图片并设置圆角。最后，设置了指示器为圆形。这是一个基础的Android UI组件实现教程。

摘要由CSDN通过智能技术生成

文章目录

- 导入依赖
- 核心代码块

效果图

导入依赖

implementation 'com.youth.banner:banner:2.1.0'
implementation 'com.github.bumptech.glide:glide:4.12.0'

在这里插入图片描述

如果要加载网络上的图片资源，要添加网络权限（如图）

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

 android:usesCleartextTraffic="true"

在这里插入图片描述

在activity中写如下代码

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

在这里插入图片描述

核心代码块

banner = findViewById(R.id.banner);
        stringList.add("https://ss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/a6efce1b9d16fdfabf36882ab08f8c5495ee7b9f.jpg");
        stringList.add("https://ss3.baidu.com/9fo3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/0824ab18972bd40797d8db1179899e510fb3093a.jpg");
        stringList.add("https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2647888545,3751969263&fm=224&gp=0.jpg");
        banner.setAdapter(new BannerImageAdapter<String>(stringList) {
            @Override
            public void onBindView(BannerImageHolder holder, String data, int position, int size) {
                //加载图片
                Glide.with(holder.itemView)
                        .load(data)
                        .apply(RequestOptions.bitmapTransform(new RoundedCorners(30)))
                        .into(holder.imageView);
            }
        });
        //设置指示点
        banner.setIndicator(new CircleIndicator(this));

在这里插入图片描述

package com.example.myapplication;
import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

import com.bumptech.glide.Glide;
import com.bumptech.glide.load.resource.bitmap.RoundedCorners;
import com.bumptech.glide.request.RequestOptions;
import com.youth.banner.Banner;
import com.youth.banner.adapter.BannerImageAdapter;
import com.youth.banner.holder.BannerImageHolder;
import com.youth.banner.indicator.CircleIndicator;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    Banner banner;
    List<String> stringList = new ArrayList<>();
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        banner = findViewById(R.id.banner);
        stringList.add("https://ss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/a6efce1b9d16fdfabf36882ab08f8c5495ee7b9f.jpg");
        stringList.add("https://ss3.baidu.com/9fo3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/0824ab18972bd40797d8db1179899e510fb3093a.jpg");
        stringList.add("https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2647888545,3751969263&fm=224&gp=0.jpg");
        banner.setAdapter(new BannerImageAdapter<String>(stringList) {
            @Override
            public void onBindView(BannerImageHolder holder, String data, int position, int size) {
                //加载图片
                Glide.with(holder.itemView)
                        .load(data)
                        .apply(RequestOptions.bitmapTransform(new RoundedCorners(30)))
                        .into(holder.imageView);
            }
        });
        //设置指示点
        banner.setIndicator(new CircleIndicator(this));
    }
}