Banner实现图片轮播

1.引入依赖

在build.gradle文件中加入依赖。

implementation 'com.youth.banner:banner:1.4.10'

2.在布局中设置Banner

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><com.youth.banner.Bannerandroid:id="@+id/banner_image"android:layout_width="match_parent"android:layout_height="250dp"android:layout_weight = "1"app:layout_constraintTop_toTopOf="parent" /></androidx.constraintlayout.widget.ConstraintLayout>

3.在Activity中调用

package com.example.app_banner;import androidx.appcompat.app.AppCompatActivity;
import android.content.Context;
import android.os.Bundle;
import android.widget.ImageView;
import com.youth.banner.Banner;
import com.youth.banner.BannerConfig;
import com.youth.banner.Transformer;
import com.youth.banner.loader.ImageLoader;
import java.util.ArrayList;
import java.util.List;public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//初始化Banner banner = findViewById(R.id.banner_image);//存放轮播的图片List<Integer> list = new ArrayList<>();//加入资源图片list.add(R.drawable.ban_01);list.add(R.drawable.ban_02);list.add(R.drawable.ban_03);list.add(R.drawable.ban_04);//设置样式banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR);//设置动画效果banner.setBannerAnimation(Transformer.DepthPage);//设置图片加载器banner.setImageLoader(new MyLoader());//设置图片集合banner.setImages(list);//设置自动轮播，默认为truebanner.isAutoPlay(true);//设置轮播时间banner.setDelayTime(2000);//当前哪张图片显示居中banner.setIndicatorGravity(BannerConfig.CENTER);//启动bannerbanner.start();}//图片加载器，用于加载显示图片private class MyLoader extends ImageLoader {@Overridepublic void displayImage(Context context, Object path, ImageView imageView) {//int类型  本地  资源imageView.setImageResource((Integer) path);}}
}

Banner——轮播图相关推荐

Mint-UI 移动首页开发 - header导航、banner轮播图
Mint-UI 移动首页style排版问题:header导航.banner轮播图.footer底部版权··· ··· 资源预览: 中文 2.x官方文档(含演示地址): 文档首页中文 2.x官方文档( ...
html中制作banner,css banner轮播图怎么做？
css banner轮播图怎么做?下面本篇文章给大家简单介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 初步了解动画效果吧.轮播图我一直以为靠jquery插件完成的,突然发 ...
谷粒学院-首页数据显示-banner轮播图微服务搭建
新建banner轮播图微服务 1.在service模块下创建子模块service_cms 2.配置application.properties # 服务端口 server.port=8004 # 服务 ...
AxureRP实战（三）Banner轮播图交互（进阶篇）
前一篇<AxureRP实战(二)Banner轮播图交互(基础篇)>用淘宝的首页banner案例讲解了如何运用动态面板实现banner轮播图的切换,有了基本交互功能.但是,交互效果还有些欠缺 ...
banner轮播图切换插件
下载地址 banner轮播图切换插件,基于jquery实现的图片轮播效果. dd:
H5页面中的视频轮播（类似于banner轮播图效果）
先说下我的需求,如下图: 手机模型中间部分是视频播放,当一条视频播放完毕后,整屏会自动上滑切换到下一个视频. 详细效果展示请在PC端点击:http://www.17jianyue.cn/ 查看提起轮 ...
Android Studio Banner轮播图
Banner轮播图使用步骤代码片段使用步骤 1.导依赖 2.写布局 3.图片集合(图片网址,图片资源id),标题集合 4.常用方法图片集合 banner.setImages(imgs); 加载 ...
android banner动画框架,Android Studio Banner轮播图使用
现在恰好有个项目需要做个轮播图效果,这个需求也是很常见的需求,于是就做个笔记写一下实现过程分为加载本地图片和网络图片加载本地图片第一步:先在build.gradle中加入banner和glide ...
ViewFlipper实现带圆点的banner轮播图
1 布局文件定义ViewFlipper以及小圆点 <RelativeLayoutandroid:id="@+id/rl_banner"android:layout_width ...
2.2.2新版Banner轮播图实现
随着Android弃用了jcenter库以后,Banner的使用也大大的和以前不同,下面就来介绍一下2.2.2版本banner的使用和Demo 文章目录一.改进内容二.Demo效果图二.步骤 1 ...

Banner——轮播图

目录

Banner实现图片轮播

1.引入依赖

2.在布局中设置Banner

3.在Activity中调用

Banner——轮播图相关推荐

最新文章

热门文章