AndroidImageSlider实现炫酷轮播广告效果

本文实例为大家分享了AndroidImageSlider实现炫酷轮播广告的具体代码，供大家参考，具体内容如下

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

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

AndroidImageSlider 架构分析

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

该架构分析图中的 SliderLayout 是一个继承于 RelativeLayout 的自定义View，也是该框架的核心。它由 SliderView 和 PagerIndicator 组成。而 SliderView 分为了 DefaultSliderView 和 TextSliderView 两部分，其中 DefaultSliderView 是只支持图片加载滚动，而 TextSliderView 不仅支持图片还支持文本的显示。Transition effects 和Animation 主要是动画效果的控制，另外还有两个重要的监听事件分别为 onSliderClickListener 和 onPageChangeListener，顾名思义，一个是点击事件监听，另一个是页面切换事件监听。

基本使用

已经了解了框架的基本构造，下面就是要看如何使用了，使用的方法也很简单。

1. Gradle 依赖配置

我们这里使用的是 android Studio 2.2.3 开发工具，Eclipse 引用第三方库的具体方法可以参考AndroidImageSlider 源码说明。在 build.gradle 文件中集成第三方库的依赖。

xml
dependencies {
 compile 'com.daimajia.slider:library:1.1.5@aar'
 compile 'com.squareup.picasso:picasso:2.5.2'
 compile 'com.nineoldandroids:library:2.4.0'
 compile 'com.android.support:support-v4:25.2.0'}

2. 添加权限

使用该框架还需要添加相应的权限，分别为网络权限和读文件的权限。

xml
<uses-permission android:name="android.permission.INTERNET"></uses-permission>
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"></uses-permission>

3. 添加到布局 Layout 中

将 SliderLayout 添加到相应的布局文件 Layout 中。

xml
<com.daimajia.slider.library.SliderLayout
 android:id="@+id/home_slider_ad"
 android:layout_width="match_parent"
 android:layout_height="@dimen/large_height"></com.daimajia.slider.library.SliderLayout>

如果需要自定义的 PagerIndicator 的话，可以自定义，当然也可以使用该框架自带的，这里是自定义 PagerIndicator 的源码。

xml
<com.daimajia.slider.library.Indicators.PagerIndicator
  android:id="@+id/home_indicator_ad"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:gravity="center"
  custom:selected_color="#0095BF"
  custom:unselected_color="#55333333"
  custom:selected_drawable="@drawable/bird"
  custom:shape="oval"
  custom:selected_padding_left="5dp"
  custom:selected_padding_right="5dp"
  custom:unselected_padding_left="5dp"
  custom:unselected_padding_right="5dp"
  android:layout_centerHorizontal="true"
  android:layout_alignParentBottom="true"
  custom:selected_width="6dp"
  custom:selected_height="6dp"
  custom:unselected_width="6dp"
  custom:unselected_height="6dp"
  android:layout_marginBottom="20dp">
 </com.daimajia.slider.library.Indicators.PagerIndicator>

4. 在 Activity/Fragment 中定义以及配置 SliderLayout

首先就是要获取到 SliderLayout 控件以及自定义的 Indicator。

xml
mSlider = (SliderLayout) view.findViewById(R.id.home_slider_ad);
indicator =(PagerIndicator)view.findViewById(R.id.home_indicator_ad);

然后就是准备好测试的数据，我在这里定义了一个实体类 BannerInfo，包括了图片 imgUrl 和描述内容 name。定义好实体类后就开始设置相应的测试数据并且添加到滚动图片列表 listBanner 中。

xml
private void getBannerData() {
 BannerInfo bannerInfo_01 = new BannerInfo();
 bannerInfo_01.setName("音箱狂欢");
 bannerInfo_01.setImgUrl("http://7mno4h.com2.z0.glb.qiniucdn.com/5608f3b5Nc8d90151.jpg");
 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 源码说明。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# AndroidImageSlider  # 轮播广告  # android实现banner轮播图无限轮播效果  # Android viewpager自动轮播和小圆点联动效果  # Android viewpager无限轮播获取网络图片功能  # Android ViewPager实现无限循环轮播广告位Banner效果  # Android自定义控件实现优雅的广告轮播图  # Android使用ViewPager加载图片和轮播视频  # Android ViewPager实现轮播图效果  # Android实现基于ViewPager的无限循环自动播放带指示器的轮播图CarouselFigur  # Android实现ViewPage轮播图效果  # 详解android 视频图片混合轮播实现  # 自定义  # 是一个  # 菜鸟  # 分别为  # 第三方  # 的是  # 也很  # 要看  # 实体类  # 还需要  # 可以使用  # 顾名思义  # 自带  # 淘宝  # 大家分享  # 来实现  # 我在这里  # 两部分  # 使用这个  # 图中 

相关文章： 如何基于PHP生成高效IDC网络公司建站源码？  家庭建站与云服务器建站，如何选择更优？  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  如何破解联通资金短缺导致的基站建设难题？  C++如何将C风格字符串（char*）转换为std::string？（代码示例）  北京建设网站制作公司,北京古代建筑博物馆预约官网？  如何高效搭建专业期货交易平台网站？  济南专业网站制作公司,济南信息工程学校怎么样？  如何选择香港主机高效搭建外贸独立站？  建站主机如何选？高性价比方案全解析  如何在建站宝盒中设置产品搜索功能？  兔展官网 在线制作,怎样制作微信请帖？  建站之星安装失败：服务器环境不兼容？  制作旅游网站html,怎样注册旅游网站？  定制建站价位费用解析与套餐推荐全攻略  实现点击下箭头变上箭头来回切换的两种方法【推荐】  专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  海南网站制作公司有哪些,海口网是哪家的？  微信h5制作网站有哪些,免费微信H5页面制作工具？  如何打造高效商业网站？建站目的决定转化率  html制作网站的步骤有哪些,iapp如何添加网页？  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  如何在阿里云域名上完成建站全流程？  广州网站设计制作一条龙,广州巨网网络科技有限公司是干什么的？  建站之星ASP如何实现CMS高效搭建与安全管理？  香港服务器建站指南：免备案优势与SEO优化技巧全解析  电商平台网站制作流程,电商网站如何制作？  实例解析angularjs的filter过滤器  如何选择最佳自助建站系统？快速指南解析优劣  建站主机选哪种环境更利于SEO优化？  无锡营销型网站制作公司,无锡网选车牌流程？  网站建设制作、微信公众号,公明人民医院怎么在网上预约？  如何规划企业建站流程的关键步骤？  TestNG的testng.xml配置文件怎么写  网页设计网站制作软件,microsoft office哪个可以创建网页？  上海网站制作开发公司,上海买房比较好的网站有哪些？  ,石家庄四十八中学官网？  香港服务器选型指南：免备案配置与高效建站方案解析  建站VPS选购需注意哪些关键参数？  建站之星安装模板失败：服务器环境不兼容？  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  免费视频制作网站,更新又快又好的免费电影网站？  模具网站制作流程,如何找模具客户？  如何通过虚拟主机快速搭建个人网站？  广州商城建站系统开发成本与周期如何控制？  建站主机空间推荐 高性价比配置与快速部署方案解析  如何快速使用云服务器搭建个人网站？  湖北网站制作公司有哪些,湖北清能集团官网？  如何在自有机房高效搭建专业网站？  如何通过免费商城建站系统源码自定义网站主题与功能？