Android Studio Banner轮播图

Banner轮播图

使用步骤
代码片段

使用步骤

1、导依赖
2、写布局
3、图片集合(图片网址，图片资源id)，标题集合
4、常用方法
图片集合
banner.setImages(imgs);
加载器(给ImageView设置图片)
banner.setImageLoader(new ImageLoadBanner());
设置标题
banner.setBannerTitles(title);
设置时间
banner.setDelayTime(500);
自动播放
banner.isAutoPlay(true);
位置
banner.setIndicatorGravity(BannerConfig.CENTER);
设置动画效果
banner.setBannerAnimation(Transformer.Accordion);
样式
banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);
启动
banner.start();

代码片段

添加依赖

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

布局文件

<com.youth.banner.Bannerandroid:id="@+id/banner"android:layout_width="match_parent"android:layout_height="match_parent"tools:ignore="MissingConstraints"></com.youth.banner.Banner>

java文件

public class MainActivity extends AppCompatActivity {Banner banner;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);banner = findViewById(R.id.banner);ArrayList<Integer> imgs = new ArrayList<>();imgs.add(R.drawable.t1);imgs.add(R.drawable.t2);imgs.add(R.drawable.t3);ArrayList<String> title = new ArrayList<>();title.add("奥利奥");title.add("趣多多");title.add("好多鱼");banner.setImages(imgs);banner.setImageLoader(new ImageLoadBanner());banner.setBannerTitles(title);banner.setDelayTime(500);banner.isAutoPlay(true);banner.setIndicatorGravity(BannerConfig.CENTER);banner.setBannerAnimation(Transformer.Accordion);banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);banner.start();}
}
class ImageLoadBanner extends ImageLoader{@Overridepublic void displayImage(Context context, Object path, ImageView imageView) {imageView.setImageResource(Integer.parseInt(path.toString()));}
}

Android Studio Banner轮播图相关推荐

android banner动画框架,Android Studio Banner轮播图使用
现在恰好有个项目需要做个轮播图效果,这个需求也是很常见的需求,于是就做个笔记写一下实现过程分为加载本地图片和网络图片加载本地图片第一步:先在build.gradle中加入banner和glide ...
Android入门Banner轮播图的使用（详解）
Banner是Android一个轮播图的框架,使用Banner让我们实现轮播效果的代码更加简洁化. 先上效果图: 1.添加依赖 ---- com.youth.banner:banner:1.4.9 i ...
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 炫酷轮播图,一个很Nice的Android Banner轮播图库
Android小白一枚,最近项目中有一个轮播图的需求,网上搜了很多资料,也看了多开源库,但不是bug多就是库不维护.后来在GitHub上找到一个很棒的轮播图–BannerViewPager库推荐个大家 ...

Android Studio Banner轮播图

Banner轮播图

使用步骤

代码片段

Android Studio Banner轮播图相关推荐

最新文章

热门文章