Banner加载轮播图

//需要的依赖

compile 'com.youth.banner:banner:1.4.9'

compile 'com.github.bumptech.glide:glide:4.0.0'

=================================================================================================

public class MainActivity extends AppCompatActivity {

//图片的地址和title的集合

privateList<String>mListImage,mListTitle;

privateBanner banner;

@Override

protected voidonCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

//找到控件

banner= (Banner) findViewById(R.id.ban);

//banner的样式

banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);

//加载图片的方法

banner.setImageLoader(newGlideImageLoader());

mListImage= new ArrayList<>();

//想图片集合中添加网网址

mListImage.add("http://www.93.gov.cn/11002/upload/webcms/content/image/2017/08/10/17_12_46_619_02480_1.jpg");

mListImage.add("http://www.93.gov.cn/11002/upload/webcms/content/image/2017/08/15/16_42_14_391_56386_QQjt20170815164126.jpg");

mListImage.add("http://www.93.gov.cn/11002/upload/webcms/content/image/2017/08/15/16_39_29_705_09313_QQjt20170815163838.jpg");

mListImage.add("http://www.93.gov.cn/11002/upload/webcms/content/image/2017/08/15/15_27_10_054_07707_lmzabzregxaxcxmlyshddy.jpg");

mListImage.add("http://www.93.gov.cn/11002/upload/webcms/content/image/2017/08/13/11_17_32_194_14971_640(1).webp.jpg");

//设置Banner图片集合

banner.setImages(mListImage);

//设置banner的动画效果

banner.setBannerAnimation(Transformer.DepthPage);

//切换的时间

banner.setDelayTime(2000);mListTitle=newArrayList<>();

//添加Title

mListTitle.add("第一张图片");

mListTitle.add("第二张图片");

mListTitle.add("第三张图片");

mListTitle.add("第四张图片");

mListTitle.add("第五张图片");

//设置Banner标题集合（当banner样式有显示title时）

banner.setBannerTitles(mListTitle);

//title的位置在banner的显示

banner.setIndicatorGravity(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);

//启动banner

banner.start();

}

=============================================================================================

//中需要的布局

<com.youth.banner.Banner
    android:layout_width="wrap_content"
    android:layout_height="200dp"
    android:id="@+id/banner"></com.youth.banner.Banner>

=============================================================================================

public class GlideImageLoader extends ImageLoader{@Override
    public void displayImage(Context context, Object path, ImageView imageView) {//使用glide加载图片
        Glide.with(context).load(path).into(imageView);}
}

Banner加载轮播图相关推荐

前端性能优化之jQuery按需加载轮播图
引言关于幻灯轮播图,想必大家都不陌生,尤其是基于 jQuery 的,插件.代码网上一搜一大堆,但是真正符合自己需求的几乎没有,所以我要打造一个符合自身需求,经得起广大网民考验的 jQuery 轮播图 ...
html轮播图速度加快,jQuery按需加载轮播图(web前端性能优化)
引言关于幻灯轮播图,想必大家都不陌生,尤其是基于 jQuery 的,插件.代码网上一搜一大堆,但是真正符合自己需求的几乎没有,所以我要打造一个符合自身需求,经得起广大网民考验的 jQuery 轮播图 ...
android开发banner框架,Android 轮播图最火的banner框架 (包含demo和代码解释)
在android里,轮播图的实现可以使用viewpage的控件实现,但由于实现有点繁琐,可以使用banner框架,方便快捷的实现轮播图的效果.这里首先贴上github的banner框架地址:https ...
使用开源项目【Banner】实现轮播图效果（带小圆点）
banner开源项目地址:GitHub - youth5201314/banner:
banner的使用轮播图
build.gradle文件中写依赖 compile 'com.youth.banner:banner:1.4.10' compile 'com.github.bumptech.glide:glide ...
轮播图插件Swiper的使用（懒加载+异步加载数据）
效果 HTML 引入swiper-bundle.css.swiper-bundle.js <head><link rel="stylesheet" href=&q ...
Swift 4 无限滚动轮播图(UICollectionView实现)
作为一个资深(自认为)iOS程序猿,会经常用到轮播图,但是总是感觉自己实现要比直接用别人的要方便一点,并且有一些需求需要深度定制,于是想着自己封装一个可以定制化的轮播图库JCyclePictureVi ...
HTML中轮播图里的圆点不充满,老师好，轮播图中的小点不显示
我设置了padding-botom 为40%还是不显示,请麻烦看一下这是什么问题呢 import { Swiper, SwiperItem } from "@/common/swiper&q ...
《锋迷商城》——首页：轮播图
<锋迷商城>系列项目链接: <一> 项目搭建链接: <二>数据库的创建链接: <三>业务流程设计链接: <四>业务流程实现:用户管理 ...
（三）Vue项目——微商城：首页页面，轮播图+九宫格访问按钮
目录首页 1.显示轮播图 2.服务器返回轮播图数据 3安装axios 4从服务器获取数据 5快速访问按钮首页 1.显示轮播图 src\pages\Home.vue <template> ...

Banner加载轮播图

Banner加载轮播图相关推荐

最新文章

热门文章