美文网首页我爱编程Android UIAndroid收藏集
安卓阴影最佳解决方案,原生CardView修改阴影颜色和上下阴影

安卓阴影最佳解决方案,原生CardView修改阴影颜色和上下阴影

作者: 呵呵_9e25 | 来源:发表于2018-07-10 18:35 被阅读1260次

    CardviewFix 简书地址 [https://www.jianshu.com/p/8c8b2708bdb4]

    原生的CardView虽然好,但是公司UI设计必须修改阴影颜色

    这个库是基于google官方库,所以基本属性相同,增加三个属性,暂时只支持xml配置,分别是startColorendColortopDelta,意思是支持修改渐变颜色值,而topDelta是1.0.1版本加进来支持修改上下阴影比例的,取值范围是-1到1的浮点值,具体效果可以看截图

    效果图如下


    1.png

    第一个item就是topDelta等于-1的效果,第二个item是topDelta等于0的效果,第三个item是topDelta等于1的效果

    注意:这个偏移量和cardCornerRadius的值有关,最大值就是cardCornerRadius的值,其实就是设置cardCornerRadius的百分比

    有些同学不喜欢我贴代码,那么直接上我的github地址去看

    具体原理看代码
    github地址 [ https://github.com/bigmanLau/CardviewFix ]

    注意问题

    1. 如果出现黑边 需要修改主题为<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
      2.其他属性用法和原生的一样

    相关文章

      网友评论

      • 雷根儿:只把代码拿出来,不讲原理,难道我们只是用一下就完了!
        呵呵_9e25:@雷根儿 引用报错可以百度一下😬
        雷根儿:@呵呵_9e25 kotlin还没看过。而且引用报错
        呵呵_9e25:@雷根儿 哈哈 原理在代码里呀 就是复制原来cardview的代码,然后增加一些自定义属性,修改对应的偏移和颜色就行了 对比一下cardview源码就清楚了,主要是之前扔代码大家觉得太长
      • chanthuang:QMUI 里对系统 FrameLayout, LinearLayout 的阴影封装,了解一下。https://github.com/QMUI/QMUI_Android
        呵呵_9e25:实现原理差不多 了解一下
      • 宋珍:implementation 'com.github.bigmanLau:CardviewFix:1.0.3' 引用失败
        呵呵_9e25:对了 还有一个依赖 就是jcenter的 我的库是放在jcenter里面
        呵呵_9e25:有可能是冲突 检查 一下 去掉多余的依赖
      • 空老表:我修改了原生cardview的资源文件,startcolor和endcolor,为什么还是黑色的??
        空老表:@呵呵_9e25 就他jar包下的资源文件cardview_shadow_end_color,cardview_shadow_start_color,这个两个值,随便怎么改,阴影颜色都没有变化
        呵呵_9e25:贴一下代码看怎么写的
      • 9d03161ce41e:老哥,你这demo咋没有Java版本的呢。出个java语言的呗。
        LarryWei_8eff:@星光one 没有java版,多用用kotlin,支持一下官方,况且kotlin真的newbe
        呵呵_9e25:做成了库,不用管是不是kotlin还是java了 ,直接依赖就好
        呵呵_9e25:@星光one 哈哈 kotlin版是一样的呀。。。
      • 绳_:没有引包地址啊
        绳_:@呵呵_9e25 老铁 我除了鼓掌还能干哈
        呵呵_9e25:已经做成引包地址了老铁
        呵呵_9e25:没有做成库文件呢
      • 吃饭叫醒我:你贴了一堆布局文件的代码有啥用....
        呵呵_9e25:不贴代码了 做成了库可以随便用了
        呵呵_9e25:@吃饭叫醒我 配置startColor和endColor属性

      本文标题:安卓阴影最佳解决方案,原生CardView修改阴影颜色和上下阴影

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