美文网首页
1分钟实现网络图片轮播图

1分钟实现网络图片轮播图

作者: 柏林billy | 来源:发表于2018-10-12 11:55 被阅读0次

1分钟实现网络图片轮播图#

一.添加依赖

build.gradle里添加依赖.

//轮播图
api 'com.youth.banner:banner:1.4.9'  //最新版本
//网络图片加载
compile 'com.squareup.picasso:picasso:2.5.2'

二.在布局文件插入轮播图

<!--轮播图-->
        <com.youth.banner.Banner
            android:id="@+id/banner"
            android:layout_width="match_parent"
            android:layout_height="200dp"/>

三.逻辑代码的添加

引入

import com.youth.banner.Banner; 

private Banner mBanner; 

mBanner = (Banner) findViewById(R.id.banner);
/**
 * 轮播图初始化
 */
private void initImageLoader() {
    //设置图片加载器
    mBanner.setImageLoader(new GlideImageLoader());
    //设置图片集合
    List<Uri> images = new ArrayList<>();
    images.add(Uri.parse("http://d.hiphotos.baidu.com/image/pic/item/2fdda3cc7cd98d104a601b0a2c3fb80e7bec9050.jpg"));
    images.add(Uri.parse("http://e.hiphotos.baidu.com/image/pic/item/8c1001e93901213f5480ffe659e736d12f2e955d.jpg"));
    images.add(Uri.parse("http://c.hiphotos.baidu.com/image/pic/item/8694a4c27d1ed21b3c778fdda06eddc451da3f4f.jpg"));
    mBanner.setImages(images);
    //banner设置方法全部调用完毕时最后调用
    mBanner.start();
    //banner点击事件
    mBanner.setOnBannerListener(new OnBannerListener() {
        @Override
        public void OnBannerClick(int position) {
            switch (position){
                case 0:
                    ToastUtils.show(mContext,"跳转到:"+0);
                    break;
                case 1:
                    ToastUtils.show(mContext,"跳转到:"+1);
                    break;
                case 2:
                    ToastUtils.show(mContext,"跳转到:"+2);
                    break;
            }
        }
    });
}

四.重写glide加载图片方式

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

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

相关文章

  • 1分钟实现网络图片轮播图

    1分钟实现网络图片轮播图# 一.添加依赖 在build.gradle里添加依赖. 二.在布局文件插入轮播图 三.逻...

  • 轮播图实现

    轮播图在实际应用开发使用较多,本文说明一下具体的实现过程。 一、实现轮播图的基本控件介绍。实现轮播图需要将多张图片...

  • swif_播图

    轮播图 实现图片自动翻转(UIViewController,UIScrollViewDelegate,Timer)

  • 传统&呼吸 轮播

    传统的轮播图 一个 carousel 轮播图,图片实现自动轮播,可以左右按钮播放,点小圆点也能实现换图。同时设置节...

  • 原生Js的三个demo

    轮播图(左右轮播) 1.实现功能:  - 鼠标不在图片上方时进行自动轮播,并且箭头不会显示,当鼠标放在图片上方时停...

  • 微信小程序swiper做导航栏时高度自适应问题

    微信小程序中 组件可以实现图片轮播,非常之方便。 其中interval属性是图片轮播时间,duration属性是图...

  • Swift 轮播图(另附SDWebImage在swift中使用)

    swift轮播图 支持网络图片和本地图片 注:1,swift 中网络 默认只能走 httpshttp 需要修改 ...

  • 轮播图

    轮播的实现原理是怎样的? 轮播图的实现原理有很多,这里主要介绍一种,假设我们要做一个有四张图片的轮播图,切换的效果...

  • 原生JavaScript无缝轮播图特效

    什么是轮播图? 轮播图,图片旋转器,滑片,无论你怎么叫这玩意,它在网络上无处不在。轮播图在电商网站主页上广泛应用,...

  • 实现轮播图

    实现轮播图 思路: 通过js来控制轮播的图片的样式,可以控制display:none or block 可以控制o...

网友评论

      本文标题:1分钟实现网络图片轮播图

      本文链接:https://www.haomeiwen.com/subject/qfnwaftx.html