Android---Banner轮播图

这篇具有很好参考价值的文章主要介绍了Android---Banner轮播图。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

android banner轮播图,Android,android,java

轮播图是一种很常见的UI。Banner框架能够帮助我们快速开发,完成首页轮播图效果的需求。

1、导入Banner依赖

implementation 'io.github.youth5201314:banner:2.2.2'

2、activity_main.xml布局。

banner_loop_time: 设置轮播间隔时间,默认3000;banner_radius: 设置轮播图的圆角

<com.youth.banner.Banner
    android:id="@+id/main_banner"
    android:layout_width="match_parent"
    android:layout_height="210dp"
    app:banner_radius="15dp"
    android:layout_marginTop="15dp"
    android:layout_marginStart="10dp"
    android:layout_marginEnd="10dp"
    app:banner_loop_time="2000"
    />

 

3、设置Banner适配器

实现一个简单的轮播图效果,Banner框架已经帮我们做了一个适配器--BannerImageAdapter,可以直接使用。

Banner.setAdapter(new BannerImageAdapter(data))
banner.setAdapter(new BannerImageAdapter<Integer>(banner_data) {

            @Override
            public void onBindView(BannerImageHolder holder, Integer data, int position, int size) {
                holder.imageView.setImageResource(data);
            }
        });

 

data 是要轮播的数据(图片),放在drawable文件夹下。初始数据的代码

private void initData(){
        banner_data = new ArrayList<>();
        banner_data.add(R.drawable.banner001);
        banner_data.add(R.drawable.banner002);
        banner_data.add(R.drawable.banner003);
        banner_data.add(R.drawable.banner004);
        banner_data.add(R.drawable.banner005);
        banner_data.add(R.drawable.test006);
    }

4、常用属性设置

 设置自动循环播放;true == 自动播放

Banner.isAutoLoop(true);

 设置指示器

Banner.setIndicator(new CircleIndicator(this))

   设置指示器选中时的颜色(即选中时小点的颜色)

Banner.setIndicatorSelectedColor(Color.GREEN)

   设置指示器之间的距离

Banner.setIndicatorSpace(int)

 

完整代码文章来源地址https://www.toymoban.com/news/detail-789922.html

package com.example.bannertest;

import androidx.appcompat.app.AppCompatActivity;

import android.graphics.Color;
import android.os.Bundle;

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 {

    private Banner banner;
    private List<Integer> banner_data;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initData();
        banner = findViewById(R.id.main_banner);

        banner.setAdapter(new BannerImageAdapter<Integer>(banner_data) {

            @Override
            public void onBindView(BannerImageHolder holder, Integer data, int position, int size) {
                holder.imageView.setImageResource(data);
            }
        });

        // 开启循环轮播
        banner.isAutoLoop(true);
        banner.setIndicator(new CircleIndicator(this));
        banner.setScrollBarFadeDuration(1000);
        // 设置指示器颜色(TODO 即选中时那个小点的颜色)
        banner.setIndicatorSelectedColor(Color.GREEN);
        // 开始轮播
        banner.start();
    }

    private void initData(){
        banner_data = new ArrayList<>();
        banner_data.add(R.drawable.banner001);
        banner_data.add(R.drawable.banner002);
        banner_data.add(R.drawable.banner003);
        banner_data.add(R.drawable.banner004);
        banner_data.add(R.drawable.banner005);
        banner_data.add(R.drawable.test006);
    }
}

到了这里,关于Android---Banner轮播图的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Android UI - 实现广告Banner轮播效果,Android MVP模式详解

    android:layout_width=“wrap_content” android:layout_height=“wrap_content” android:layout_marginTop=“10dip” android:layout_gravity=“bottom|center_horizontal” android:layout_marginBottom=“10dp” android:gravity=“center” View android:id=“@+id/v_dot0” style=“@style/dot_style” android:background=“@drawable/dot_focused” android:vi

    2024年04月13日
    浏览(46)
  • 【案例分享 | 旅游出行app】Axure制作banner轮播图交互效果

    哈喽,大家好!今天给大家介绍如何使用Axure软件制作banner轮播图的交互效果。 【预览地址含下载】电脑打开链接:https://wh9x1s.axshare.com/ 【完整案例作品预览含下载】:https://fx2z9z.axshare.com 【视频教程】:哔哩哔哩视频 首先,让我们来看下效果展示:进入页面后自动轮播图

    2024年02月19日
    浏览(53)
  • Android 仿快手视频列表,RecyclerView与Banner联动效果

    这是看到群里讨论过快手APP的一个观看他人视频列表的一个联动效果,但是并不是完全按照这个软件的效果来做的,只是参考,并不是完全仿照这个软件来做的,没时间去优化排版问题了,请见谅,如图: 实现效果如下: 效果视频:仿快手视频列表互动效果-CSDN直播  1.主函

    2024年01月18日
    浏览(41)
  • Android:快速上手好看简约的轮播图

    创作不易,点个赞再走吧,谢谢! 目录 前言 一、如何引入 二、使用步骤 1、我们首先在xml文件中引入布局,设置我们喜欢的样式,大小,下面我给出示例: 2、然后我们需要在actvity或者fragment中设置banner的图片资源,样式等。 总结 本期介绍Android的一项比较好用的轮播图,

    2024年02月12日
    浏览(39)
  • Android Jetpack Compose实现轮播图效果

    在最近思索如何使用Compose方式改进我的开源TMDB电影列表应用程序的主屏幕时,一个激动人心的概念浮现在我的脑海中——为什么不整合一个吸引人的轮播图来展示即将上映的电影呢?在本文中,我将分享我的开发和实现自定义轮播图的经历,提供涉及不同步骤的见解。 首先

    2024年02月08日
    浏览(102)
  • 【Android】使用ViewPager2实现轮播图效果,手动/自动轮播图

    这里使用Gilde进行加载图片:Glide 使用Gilde可以加载网络图片还可以提高图片加载性能。 接下来新建一个子布局item_image,加载viewPage2的子布局。 ViewPage2就是使用recyclerView实现的,所以这里使用方法其实类似。 这里直接继承RecyclerView.Adapter即可,代码很简单不必多说。 创建一个

    2024年02月03日
    浏览(48)
  • 【CSS】课程网站 Banner 制作 ② ( Banner 栏版心盒子测量 | Banner 版心盒子模型左侧导航栏代码示例 )

    拉四条辅助线 , 将版心包起来 , 可以测量 Banner 条版心的尺寸为 1200 x 420 像素 ; 根据上一篇博客 【CSS】课程网站 Banner 制作 ① ( Banner 栏测量 | Banner 盒子模型代码 | 代码示例 ) 测量的尺寸 , 版心的尺寸为 1200 x 420 像素 ; 版心左侧的 侧导航栏 尺寸为 190 x 420 像素 ; 版心 右侧的

    2023年04月09日
    浏览(44)
  • SpringBoot——Banner介绍

    Banner即横幅标语,我们在启动SpringBoot项目时会将Banner信息打印至控制台。我们可以输出一些图形、SpringBoot版本信息等内容。默认情况下是通过实现类SpringBootBanner输出的Banner内容,默认的输出内容如下。 如果不想使用默认的Banner,我们可以通过自定义的方式在控制台输出我们

    2024年02月12日
    浏览(28)
  • springboot之banner

    banner在springboot中的直观的表现为在启动项目时打印logo,并提示项目已经启动完成、项目环境、使用框架等信息。 上面自定义的输出就会替换掉默认的输出。 默认banner文件将会覆盖自定义Banner类的输出 在application.yml或application.properties配置文件中配置banner文件的位置 ASCII Ge

    2024年02月14日
    浏览(33)
  • 【idea】生成banner.txt

    Spring Boot banner在线生成工具,制作下载英文banner.txt,修改替换banner.txt文字实现自定义,个性化启动banner-bootschool.net Spring Boot banner工具实现在线生成banner,轻松修改替换实现自定义banner,让banner.txt文件内容更有趣,是很棒的Spring Boot banner自定义和命令行ascii文字工具,还可以

    2024年02月07日
    浏览(30)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包