iis服务器助手广告
返回顶部
首页 > 资讯 > 移动开发 >Android---Banner轮播图
  • 138
分享到

Android---Banner轮播图

androidjava 2023-08-31 15:08:19 138人浏览 八月长安
摘要

轮播图是一种很常见的UI。Banner框架能够帮助我们快速开发,完成首页轮播图效果的需求。 导入Banner依赖 implementation 'io.GitHub.youth5201314:banner:2.2.2' activity_

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

导入Banner依赖

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

activity_main.xml布局。

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

 

设置Banner适配器

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

Banner.setAdapter(new BannerImageAdapter(data))
banner.setAdapter(new BannerImageAdapter(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);    }

常用属性设置

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

Banner.isAutoLoop(true);

\bullet 设置指示器

Banner.setIndicator(new CircleIndicator(this))

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

Banner.setIndicatorSelectedColor(Color.GREEN)

  \bullet 设置指示器之间的距离

Banner.setIndicatorSpace(int)

 

完整代码

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 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(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);    }}

来源地址:https://blog.csdn.net/qq_44950283/article/details/128390186

--结束END--

本文标题: Android---Banner轮播图

本文链接: https://www.lsjlt.com/news/386033.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android---Banner轮播图
    轮播图是一种很常见的UI。Banner框架能够帮助我们快速开发,完成首页轮播图效果的需求。 导入Banner依赖 implementation 'io.github.youth5201314:banner:2.2.2' activity_...
    99+
    2023-08-31
    android java
  • Android实现简单的banner轮播图
    本文实例为大家分享了Android实现简单banner轮播图的具体代码,供大家参考,具体内容如下 说明:想玩一个简单的轮播图效果  用的第三方的框架玩一下,支持设置轮播图多...
    99+
    2024-04-02
  • android如何实现banner轮播图无限轮播效果
    小编给大家分享一下android如何实现banner轮播图无限轮播效果,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!具体内容如下效果展示第一步(权限配置)<uses-permission android:n...
    99+
    2023-05-30
    android banner
  • android控件Banner实现简单轮播图效果
    本文实例为大家分享了android控件Banner实现简单轮播图效果的具体代码,供大家参考,具体内容如下 实现这个轮播图是在Fragment里实现的,所以要想实现,首先要创建Frag...
    99+
    2024-04-02
  • Android Banner本地和网络轮播图使用介绍
    目录加载本地图片第一步:先在build.gradle中加入banner和glide的依赖第二步:xml布局第三步:MainActivity加载网络图片下载网络图片的时候要记得添加网络...
    99+
    2024-04-02
  • android控件Banner如何实现简单轮播图效果
    小编给大家分享一下android控件Banner如何实现简单轮播图效果,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!本文实例为大家分享了android控件Banner实现简单轮播图效果的具体代码,供大家参考,具体内容如下实...
    99+
    2023-06-15
  • 纯css如何实现轮播图banner自动轮换效果
    这篇文章主要为大家展示了纯css如何实现轮播图banner自动轮换效果,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“纯css如何实现轮播图banner自动轮换效果”这篇文章吧。css是什么意思cs...
    99+
    2023-06-08
  • ViewPager如何实现轮播图Banner/引导页Guide
    小编给大家分享一下ViewPager如何实现轮播图Banner/引导页Guide,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Banner效果: Github链接...
    99+
    2023-05-30
    viewpager banner guide
  • android轮播图怎么实现
    要实现Android轮播图,可以使用ViewPager和PagerAdapter来实现。以下是实现步骤: 首先,在布局文件中添加...
    99+
    2023-10-26
    android
  • android轮播图如何实现
    在Android中实现轮播图可以使用ViewPager和PagerAdapter来实现。下面是一个简单的实现步骤:1. 在XML布局...
    99+
    2023-08-19
    android
  • Android实现轮播图效果
    本文实例为大家分享了Android实现轮播图效果的具体代码,供大家参考,具体内容如下 1.代码放在LinearLayout中, <com.jude.rollviewpage...
    99+
    2024-04-02
  • Android自定义轮播图效果
    本文实例为大家分享了Android自定义轮播图效果的具体代码,供大家参考,具体内容如下 概述 1、写一个布局,其中有ViewPager,TextView,LinearLayout. ...
    99+
    2024-04-02
  • Android使用RollViewPager实现轮播图
    记录Android中轮播图的学习与使用,供大家参考,具体内容如下 1、build.gradle(:app)文件里面加依赖 implementation 'com.jude:ro...
    99+
    2024-04-02
  • android实现轮播图引导页
    android轮播图引导页(因为是引导页,所以不具备自动轮播的功能) 示例: 代码后面有数字,3.1开始就是开始做小圆点 //分为三个部分 (1)布局 activity_lun_b...
    99+
    2024-04-02
  • Android实现视图轮播效果
    最近接手了一个需求,要求实现,叮咚买菜。 秒杀位置的轮播 拆解 通过观察发现其实还是挺简单,大致分为 1、商品图片的上下轮播 2、价格布局渐隐渐现 在android上实现布局轮播,...
    99+
    2024-04-02
  • Android ViewPager如何实现无限循环轮播广告位Banner效果
    这篇文章将为大家详细讲解有关Android ViewPager如何实现无限循环轮播广告位Banner效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。现在一些app通常会在头部放一个广告位,底部放置一行小...
    99+
    2023-05-30
    android viewpager banner
  • Vue实现首页banner自动轮播效果
    本文实例为大家分享了Vue实现首页banner自动轮播的具体代码,供大家参考,具体内容如下 效果如图:  ①创建Banner.vue组件,需传入banner数组,可设置轮...
    99+
    2024-04-02
  • android轮播图组件的制作方法
    本文实例为大家分享了android轮播图组件的制作方法,供大家参考,具体内容如下 BannerLayout package com.coral3.common_module.co...
    99+
    2024-04-02
  • android ViewPager实现一个无限轮播图
    上节我们实现了一个图片可以无限滑动的ViewPager,这一节我们需要自定义一个ViewPager来实现我们想要展现的布局 首先我们需要建一个包,然后新建一个java类,名字随便起 ...
    99+
    2024-04-02
  • Android ViewPager自定义轮播图并解决播放冲突
    本文实例为大家分享了Android ViewPager自定义轮播图,并解决播放冲突,供大家参考 首先介绍一下这篇小代码: 注释全面,简单易学,适用初学者,图片自拟!!! 一定要将Ar...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作