商城项目实战|3.1AndroidImageSlider实现炫酷轮播广告

本文为菜鸟窝作者刘婷的连载。”商城项目实战”系列来聊聊仿”京东淘宝的购物商城”如何实现。

AndroidImageSlider 是一个神奇而且方便的 Android 图片滚动框架，在菜鸟商城项目中我们就要使用这个框架来实现炫酷的轮播广告。

AndroidImageSlider 架构分析

首先我们看图说话，下面是 AndroidImageSlider 的架构分析图。

BannerInfo bannerInfo_02 = new BannerInfo();
bannerInfo_02.setName("手机国庆礼");
bannerInfo_02.setImgUrl("http://7mno4h.com2.z0.glb.qiniucdn.com/5608eb8cN9b9a0a39.jpg");
BannerInfo bannerInfo_03 = new BannerInfo();
bannerInfo_03.setName("IT生活");
bannerInfo_03.setImgUrl("http://7mno4h.com2.z0.glb.qiniucdn.com/5608cae6Nbb1a39f9.jpg");
listBanner.add(bannerInfo_01);
listBanner.add(bannerInfo_02);
listBanner.add(bannerInfo_03);
}

接下来就是要配置 SliderLayout 的相关属性了，添加自定义的 Indicator，设置动画效果，添加图片列表数据以及设置监听事件

“`xml
private void initSlider() {
if (listBanner != null) {
for (BannerInfo bannerInfo : listBanner) {
TextSliderView textSliderView = new TextSliderView(this.getActivity());
textSliderView.image(bannerInfo.getImgUrl())
.description(bannerInfo.getName())
.setScaleType(BaseSliderView.ScaleType.CenterCrop)
.setOnSliderClickListener(this);
mSlider.addSlider(textSliderView);
}
}

    mSlider.setCustomIndicator(indicator);
    mSlider.setCustomAnimation(new DescriptionAnimation());
    mSlider.setPresetTransformer(SliderLayout.Transformer.RotateUp);
    mSlider.setDuration(3000);
    mSlider.addOnPageChangeListener(this);
}```

5. 在 onStop() 中停止 SliderLayout 滚动

在 Activity/Fragment 生命周期结束前，需要先停止图片的滚动，防止出现内存溢出等问题。

xml
@Override
public void onStop() {
// To prevent a memory leak on rotation, make sure to call stopAutoCycle() on the slider before activity or fragment is destroyed
mSlider.stopAutoCycle();
super.onStop();
}

最终效果

运行代码，效果图如下。

AndroidImageSlider 的更多使用方法和功能介绍请参考AndroidImageSlider 源码说明。

更多内容，请关注菜鸟窝（微信公众号ID: cniao5），程序猿的在线学习平台。 转载请注明出处，本文出自菜鸟窝，原文链接http://www.cniao5.com/forum/thread/d739f9080f9011e790dc00163e0230fa