Android 轮播图

我们首先需要导入两个依赖

1:加载网络图片的依赖

2:轮播图

    implementation 'io.github.youth5201314:banner:2.2.2'
    implementation 'com.github.bumptech.glide:glide:4.13.0'
    annotationProcessor 'com.github.bumptech.glide:compiler:4.13.0'

添加布局文件:

 

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

        >


    </com.youth.banner.Banner>

添加图片:

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

import android.os.Bundle;

import com.bumptech.glide.Glide;
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> bannerList=new ArrayList<>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        banner=findViewById(R.id.banner);
        bannerList.add("https://p2.itc.cn/images01/20210510/096eeb9cd3c84bd8ba09b5713679b4f9.jpeg");
        bannerList.add("https://p2.itc.cn/images01/20210510/096eeb9cd3c84bd8ba09b5713679b4f9.jpeg");
        bannerList.add("http://i0.hdslb.com/bfs/article/97549c0fd58b940c1306faac923a8685551a6a2a.jpg");
      banner.setAdapter(new BannerImageAdapter<String>(bannerList) {
          @Override
          public void onBindView(BannerImageHolder holder, String data, int position, int size) {
              Glide.with(holder.imageView)
                      .load(data)
                      .into(holder.imageView);
          }
      });
      //轮播图下面的原点
      banner.setIndicator(new CircleIndicator(this));
      banner.setIndicatorRadius(50);



    }
}

 

  • 7
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Android轮播图是一种在移动应用中展示多张图片或内容的效果。通过轮播图,可以实现图片或内容的自动切换,给用户带来更好的视觉体验。根据提供的引用内容,可以使用第三方库Banner来实现Android轮播图效果。 首先,你需要设置轮播图的基本属性。在XML布局文件中,你可以使用Banner控件,并且通过设置属性来定义轮播间隔时间和轮播图的圆角。例如,在给定的引用中,通过设置`app:banner_radius="15dp"`来设置轮播图的圆角,通过设置`app:banner_loop_time="2000"`来设置轮播间隔时间[1]。 其次,你需要准备轮播图的数据。在提供的引用中,通过创建一个ArrayList,并依次添加图片资源的ID来作为轮播图的数据。 最后,你可以使用Banner框架提供的适配器来实现轮播图效果。通过调用`setAdapter()`方法并传入适配器对象,可以将数据加载到轮播图中。在给定的引用中,使用BannerImageAdapter来设置轮播图的数据,并在`onBindView()`方法中设置每张图片的显示。 综上所述,你可以按照以下步骤实现Android轮播图效果: 1. 在XML布局文件中,添加一个Banner控件,并设置属性来定义轮播间隔时间和轮播图的圆角。 2. 准备轮播图的数据,可以通过创建一个ArrayList并添加图片资源的ID来作为数据。 3. 使用Banner框架提供的适配器,通过调用`setAdapter()`方法将数据加载到轮播图中。 4. 在适配器的`onBindView()`方法中,设置每张图片的显示。 需要注意的是,你需要根据自己的需求来调整轮播图的其他属性和样式,比如切换动画、指示器等。同时,记得在适当的时候调用`start()`方法启动轮播图,以触发自动切换效果。 希望这个回答对你有帮助,如果有其他问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值