Android 图片轮播框架 ImageSlider 炫酷轮播简单使用

1、Android studio用户添加依赖：

compile 'com.squareup.picasso:picasso:2.5.2'
compile 'com.nineoldandroids:library:2.4.0'

compile 'com.daimajia.slider:library:1.1.5@aar'

2、在布局文件中放置SliderLayout以及PagerIndicator。注意布局中我是通过相对布局把PagerIndicator压在SliderLayout之上的。代码都可以在GitHub上找到参考。

<RelativeLayoutandroid:layout_width="match_parent"android:layout_height="150dp"><com.daimajia.slider.library.SliderLayoutandroid:id="@+id/slider"android:layout_width="match_parent"android:layout_height="match_parent"><com.daimajia.slider.library.Indicators.PagerIndicatorandroid:id="@+id/custom_indicator"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:layout_centerHorizontal="true"android:layout_marginBottom="10dp"custom:selected_color="@color/colorPrimary"custom:selected_height="3dp"custom:selected_padding_left="2dp"custom:selected_padding_right="2dp"custom:selected_width="16dp"custom:shape="rect"custom:unselected_color="#55333333"custom:unselected_height="3dp"custom:unselected_padding_left="2dp"custom:unselected_padding_right="2dp"custom:unselected_width="16dp"/></com.daimajia.slider.library.SliderLayout>
</RelativeLayout>

3、代码实现，主要步骤是：

准备好要显示的数据，包括图片和图片描述等。
新建若干个TextSliderView并且设置好数据以及相应的监听，最后添加到SliderLayout里面。
对SliderLayout进行一些个性化的设置，比如动画，自定义PagerIndicator，每一个广告的延时时间等。

最后别忘了在布局摧毁的时候，调用sliderLayout.stopAutoCycle();方法停止广告的轮播，以释放资源。

  /*** 初始化首页的商品广告条*/private void initImageSlider() {sliderLayout = (SliderLayout) v.findViewById(R.id.slider);indicator = (PagerIndicator) v.findViewById(R.id.custom_indicator);//准备好要显示的数据List<String> imageUrls = new ArrayList<>();final List<String> descriptions = new ArrayList<>();imageUrls.add("http://m.360buyimg.com/mobilecms/s300x98_jfs/t2416/102/20949846/13425/a3027ebc/55e6d1b9Ne6fd6d8f.jpg");imageUrls.add("http://m.360buyimg.com/mobilecms/s300x98_jfs/t1507/64/486775407/55927/d72d78cb/558d2fbaNb3c2f349.jpg");imageUrls.add("http://m.360buyimg.com/mobilecms/s300x98_jfs/t1363/77/1381395719/60705/ce91ad5c/55dd271aN49efd216.jpg");descriptions.add("新品推荐");descriptions.add("时尚男装");descriptions.add("家电秒杀");for (int i = 0; i < imageUrls.size(); i++) {//新建三个展示View，并且添加到SliderLayoutTextSliderView tsv = new TextSliderView(getActivity());tsv.image(imageUrls.get(i)).description(descriptions.get(i));final int finalI = i;tsv.setOnSliderClickListener(new BaseSliderView.OnSliderClickListener() {@Overridepublic void onSliderClick(BaseSliderView slider) {Toast.makeText(getActivity(), descriptions.get(finalI), Toast.LENGTH_SHORT).show();}});sliderLayout.addSlider(tsv);}//对SliderLayout进行一些自定义的配置  sliderLayout.setCustomAnimation(new DescriptionAnimation());sliderLayout.setPresetTransformer(SliderLayout.Transformer.Accordion);//图片轮播时候的动画，有兴趣的话可以都亲自试一下；；sliderLayout.setDuration(3000);//      sliderLayout.setPresetIndicator(SliderLayout.PresetIndicators.Center_Bottom);sliderLayout.setCustomIndicator(indicator);}

Android 图片轮播框架 ImageSlider 炫酷轮播简单使用相关推荐

Android图片加载框架最全解析（八），带你全面了解Glide 4的用法
本文转载自郭神的Glide分析系列:http://blog.csdn.net/guolin_blog/article/details/78582548 本文同步发表于我的微信公众号,扫一扫文章底部的二 ...
Android图片加载框架 Glide 4 的用法
转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/78582548 本文同步发表于我的微信公众号,扫一扫文章底部的二维码或在微信搜索郭 ...
Android图片加载框架最全解析（二），从源码的角度理解Glide的执行流程
转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/53939176 本文同步发表于我的微信公众号,扫一扫文章底部的二维码或在微信搜索郭 ...
Android图片加载框架最全解析（五）
由此我们可以得知,在没有明确指定的情况下,ImageView默认的scaleType是FIT_CENTER. 有了这个前提条件,我们就可以继续去分析Glide的源码了.当然,本文中的源码还是建在第二篇 ...
Android图片加载框架最全解析（七），实现带进度的Glide图片加载功能
转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/78357251 本文同步发表于我的微信公众号,扫一扫文章底部的二维码或在微信搜索郭 ...
Android图片加载框架最全解析（三），深入探究Glide的缓存机制
转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/54895665 本文同步发表于我的微信公众号,扫一扫文章底部的二维码或在微信搜索郭 ...
Android图片加载框架
这篇文章主要和大家一起动手编写Android图片加载框架,从内部原理到具体实现来详细介绍如何开发一个简洁而实用的Android图片加载缓存框架,感兴趣的小伙伴们可以参考一下开发一个简洁而实用的And ...
Android图片加载框架——Glide（Glide v4）
原文地址 Android图片加载框架--Glide(Glide v4) 前言 android中图片加载框架有很多,所有框架最终达到的目都是在Android平台上以极度简单的方式加载和展示图片,如果我们 ...
android自定义图片过渡效果,教你做出炫酷的Android动画效果
前言 Android动画也是Android系统中一个很重要的模块, 在平时开发中, 为了做出炫酷的效果, 动画可以说是必不可少的; 本文将总结Android中与动画相关的部分, 文中部分内容整理自文末 ...

Android 图片轮播框架 ImageSlider 炫酷轮播简单使用

Android 图片轮播框架 ImageSlider 炫酷轮播简单使用相关推荐

最新文章

热门文章

Android 图片轮播框架 ImageSlider 炫酷轮播 简单使用

Android 图片轮播框架 ImageSlider 炫酷轮播 简单使用相关推荐

最新文章

热门文章

Android 图片轮播框架 ImageSlider 炫酷轮播简单使用

Android 图片轮播框架 ImageSlider 炫酷轮播简单使用相关推荐