FlyBanner轮播图和 XBanner轮播图

FlyBanner轮播图
1、添加依赖

compile 'com.recker.flybanner:flybanner:1.3'

2、XML布局

<com.recker.flybanner.FlyBannerandroid:id="@+id/banner"android:layout_width="match_parent"android:layout_height="200dp">

3、MainActivity

public class MainActivity extends AppCompatActivity {private FlyBanner banner;private String[] mImagesUrl = {"http://attach.bbs.miui.com/forum/201303/16/173716jzszx8vbbb0z9o4k.jpg","http://pic.58pic.com/58pic/13/16/42/18F58PIChTy_1024.jpg","http://pic28.photophoto.cn/20130929/0034034819144555_b.jpg", };@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {View v =  inflater.inflate(R.layout.fragment22, container, false);initNetBanner(v);return v;}private void initNetBanner(View v) {banner = v.findViewById(R.id.banner);List<String> imgesUrl = new ArrayList<>();for (int i = 0; i < mImagesUrl.length; i++) {imgesUrl.add(mImagesUrl[i]);}banner.setImagesUrl(imgesUrl);}}

XBanner轮播图
1、依赖

implementation 'com.github.xiaohaibin:XBanner:1.6.1'   【当前app的build.grade】
maven { url 'https://jitpack.io' }   【在项目的build.grade】

2、XML

<com.stx.xhb.xbanner.XBannerandroid:id="@+id/banner"android:layout_width="match_parent"android:layout_height="@dimen/dp_150"android:layout_marginTop="@dimen/dp_20"android:clipChildren="false"app:AutoPlayTime="3000"app:clipChildrenLeftRightMargin="@dimen/dp_20"app:isClipChildrenMode="true"app:isShowIndicatorOnlyOne="false"app:isShowNumberIndicator="true">
</com.stx.xhb.xbanner.XBanner>

3 MainActivity

 private List<LunboBean.ResultBean> list = new ArrayList<>();private ArrayList<String> mImgesUrl = new ArrayList<>();  //存放图片路径的集合if (success instanceof LunboBean) {    //轮播LunboBean lunboBean = (LunboBean) success;list.addAll(lunboBean.getResult());for (int i = 0; i < list.size(); i++) {mImgesUrl.add(list.get(i).getImageUrl());}if (!mImgesUrl.isEmpty()) {banner.setData(mImgesUrl, null);banner.loadImage(new XBanner.XBannerAdapter() {@Overridepublic void loadBanner(XBanner banner, Object model, View view, int position) {Glide.with(getActivity()).load(mImgesUrl.get(position)).into((ImageView) view);}});banner.setPageChangeDuration(1000);banner.setPageTransformer(Transformer.Default);}}

FlyBanner轮播图和 XBanner轮播图相关推荐

滑动轮播_这样运营轮播图可以增加订单
我们都说脸面代表个人名片,那么在小程序中,轮播图就是店铺的脸面,当我们打开网站.APP.小程序等应用的首页,首先映入眼帘的就是轮播图.那么作为店铺脸面的轮播图有什么作用呢?本周我们一起来看看. 轮播图 ...
axure轮播图怎么设置循环轮播_Axure教程：轮播图制作步骤详解
不管是在PC端还是移动端,轮播图是常见的设计元素.下面详细讲解轮播图的制作步骤. 作为Axure初学者,把最近学到的记录下来,和大家一起学习. 如何实现轮播图: 循环展示轮播图片: 将圆点与轮播图一一 ...
关于element-ui中轮播图手动切换轮播图片
文章目录前言一.关于element-ui中轮播图手动切换轮播图片二.解决方案 1.查看element-ui中Carousel 走马灯组件的方法 2.解决方法结尾前言在开发过程中发现项目中轮 ...
c语言实现图片轮播,纯css实现轮播图
轮播图的实现原理其实是比较简单的举个例子 main的宽度是100px div-main的宽度是500px 我们用js控制div-main往左或往右移动,这样就实现了轮播,简单把好了,先介绍个 cs ...
轮播图（无缝轮播图）
1.无缝轮播核心: 在最后多加一张第一张图, 当达到最后一张t1的时候一瞬间将ul拉回到0的位置结构: <div class="wrap"><ul>&l ...
php写后台轮播图,后台管理系统--轮播图管理
摘要:<?php /** * Created by PhpStorm. * User: Administrator * Date: 2019/5/27 * Time: 23:41 */names ...
修改elementUI轮播图鼠标划入轮播暂停的原生效果
修改elementUI轮播图鼠标划入轮播暂停的原生效果_Boriska1996的博客-CSDN博客_iview carousel 暂停
Ant Design Vue多张图为一组轮播展示
目的实现多张图为一组轮播展示效果 H5代码块 <div class="rightDisplay"><a-carousel arrows autoplay> ...
Android轮播换背景,Android 轮播图的实现方法总结
SliderLayout LoopViewPage BGABanner 自定义view实现轮播仿魅族的banner轮播图 1. SliderLayout 预览效果如下 687474703a2f2f7 ...

FlyBanner轮播图和 XBanner轮播图

FlyBanner轮播图和 XBanner轮播图相关推荐

最新文章

热门文章

FlyBanner轮播图 和 XBanner轮播图

FlyBanner轮播图 和 XBanner轮播图相关推荐

最新文章

热门文章

FlyBanner轮播图和 XBanner轮播图

FlyBanner轮播图和 XBanner轮播图相关推荐