美文网首页Android开发Android知识Android技术知识
SelectableRoundedImageView作为轮播图,

SelectableRoundedImageView作为轮播图,

作者: Ready_I | 来源:发表于2017-12-04 10:11 被阅读0次
    compile 'com.joooonho:selectableroundedimageview:1.0.1'
起初做项目,需要轮播图 123.jpg

一看这种,图片,肯定想到的是以前用过的圆角图片控件,做成选项卡的样式,但是之后测试的时候发现,在该轮播图界面锁屏后,再解锁,程序内存溢出了。。。

用Glide加载图片

Glide.with(context).load(list.get(position).getImage()).placeholder(R.mipmap.no_img2).dontAnimate().error(R.mipmap.no_img2).into(img);

得加上.dontAnimate()否则报错
看Memory,发现每次切换一张轮播图,内存就会加2M。。。。
这可是个大问题

125.jpg 124.jpg

每次滑动一次轮播图就能加2M左右,测试大概到能到170M左右的内存后就会溢出,这问题果断是换一个控件,最后找到一个,就是用Imageview,再加上一个圆角的覆盖,也能实现这种效果

<com.gcssloop.widget.RCRelativeLayout

        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginLeft="2dp"
        android:layout_marginRight="2dp"
        android:layout_marginBottom="20dp"
        app:round_corner_bottom_left="5dp"
        app:round_corner_bottom_right="5dp"
        app:round_corner_top_right="5dp"
        app:round_corner_top_left="5dp">
    <ImageView
        android:id="@+id/tra_img"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@mipmap/no_img"
        android:scaleType="centerCrop"
        android:background="@color/white" />
    </com.gcssloop.widget.RCRelativeLayout>
    compile 'com.gcssloop.widget:rclayout:1.4.1@aar'
allprojects {
    repositories {
        jcenter()
        maven { url "http://lib.gcssloop.com:8081/repository/gcssloop-central/" }
    }
}

这样再次看memory,


126.jpg 125.jpg

每次基本上增加知识0.04M大概在占用内存到达40M左右的时候会内存回收,不会造成内存溢出

用的轮播图控件是ultraviewpager,怎么使用,见原作者的Github,有详解

https://github.com/alibaba/UltraViewPager/blob/master/README-ch.md

相关文章

  • SelectableRoundedImageView作为轮播图,

    一看这种,图片,肯定想到的是以前用过的圆角图片控件,做成选项卡的样式,但是之后测试的时候发现,在该轮播图界面锁屏后...

  • 无标题文章

    轮播图分为:传统轮播图、间歇轮播图、呼吸轮播图、无缝滚动轮播图等。它们各具特色,各有用处。 1.传统轮播图 第一步...

  • 轮播图

    轮播图分为:传统轮播图、间歇轮播图、呼吸轮播图、无缝滚动轮播图等。 1.传统轮播图 第一步,得到元素 第二步,设置...

  • 现金红包

    每日红包 轮播图 详情图 周末红包 轮播图 详情图 圣诞红包 轮播图 详情图

  • day7_作业

    轮播图1 轮播图2

  • [iOS]定制性强的广告轮播图--SCAdView

    @[无限轮播图] @[3D轮播图] @[广告轮播图] SCAdView Statement If my code ...

  • 【即速应用干货】公众号电商运营指南

    1.轮播图 轮播图作为小程序首页最能吸引用户注意的区域,以多图轮番滚动播放的形式动态展示店铺新品、优惠活动、热销 ...

  • 普通奖品

    卡西欧小方块 轮播图 详情图 三只松鼠大礼包 轮播图 详情图 天猫精灵 轮播图 详情图 小米蓝牙无线耳机 轮播图 ...

  • 轮播图心得

    轮播图 写轮播图之前我们要认识到几个问题:一、什么是轮播图?二、怎么实现轮播效果?三、轮播图还有什么小功能可以实现...

  • 第五周学习内容

    焦点图轮播特效之原理、焦点图轮播样式之布局、焦点图轮播之箭头切换、焦点图轮播之无限滚动。 js简介、用法、输出。

网友评论

    本文标题:SelectableRoundedImageView作为轮播图,

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