android banner 实现轮播图

实际上关于这个banner 说到底就是个第三方,别人写好的。。。不说了 直接看代码吧

配置:

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

至于使用:

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

        //设置图片加载器
        banner.setImageLoader(new GlideImageLoader());
        //设置banner动画效果
        banner.setBannerAnimation(Transformer.Default);
        //设置自动轮播,默认为true
        banner.isAutoPlay(true);
        //设置轮播时间
        banner.setDelayTime(1500);
        //设置指示器位置(当banner模式中有指示器时)
        banner.setIndicatorGravity(BannerConfig.RIGHT);
        //设置标题集合(当banner样式有显示title时)
        banner.setBannerTitles(titles);
        banner.setViewPagerIsScroll(true);
        banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);

        banner.setOnBannerListener(new OnBannerListener() {
            @Override
            public void OnBannerClick(int position) {
        }

这个图片加载器GlideImageLoader 也就是当你需要从服务器拉取数据时需要重写的。

package com.app.test.testbanner;

import android.content.Context;
import android.net.Uri;
import android.widget.ImageView;

import com.bumptech.glide.Glide;
import com.youth.banner.loader.ImageLoader;

/**
 * Created by ${liumengqiang} on 2017/7/18.
 */

public class GlideImageLoader extends ImageLoader {
    @Override
    public void displayImage(Context context, Object path, ImageView imageView) {
        /**
         注意:
         1.图片加载器由自己选择,这里不限制,只是提供几种使用方法
         2.返回的图片路径为Object类型,由于不能确定你到底使用的那种图片加载器,
         传输的到的是什么格式,那么这种就使用Object接收和返回,你只需要强转成你传输的类型就行,
         切记不要胡乱强转!
         */

        //Glide 加载图片简单用法
        Glide.with(context).load(path).into(imageView);
    }

}

这里面我用的是Glide ,当使用用fresco时,需要重写的createImageView方法

 @Override
    public ImageView createImageView(Context context) {
        //使用fresco,需要创建它提供的ImageView,当然你也可以用自己自定义的具有图片加载功能的ImageView
        SimpleDraweeView simpleDraweeView=new SimpleDraweeView(context);
        return simpleDraweeView;
    }

如果想改变那个指示点的图片或者轮播title的相关属性,有两种方法:
1:可以创建一个类CopyBanner继承com.youth.banner.Banner,然后将com.youth.banner.Banner类里面的东西都复制到CopyBanner类中。然后在xml中声明CopyBanner,接下来都是一样的了。
2:在XML 中直接填写属性:

    <com.youth.banner.Banner xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        app:indicator_drawable_selected="@drawable/select"
        app:indicator_drawable_unselected="@drawable/unselect"
        app:indicator_height="15dp"
        app:indicator_width="15dp"
        app:image_scale_type="fit_xy"
        />

显然第二种方法更简单。。。

至于具体属性 可以看下这篇博客 http://blog.csdn.net/duoluo9/article/details/52814582

banner 使用demo下载地址 http://download.csdn.net/detail/lmq121210/9902808

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值