资讯专栏INFORMATION COLUMN

Android简单酷炫点击动画(附源码)

shmily / 2360人阅读

摘要:在之前,的点击效果一直很,即使的波纹效果也不尽如人意。而我之前写过一种比较酷炫的点击效果,最近抽了点时间完善一下,把阴影效果加入了进去,大家先睹为快。使用起来很简单,只需两步。而想要切换效果也很简单先把转为,然后调用即可。

在Android5.0之前,
Android的点击效果一直很low,
即使5.0的波纹效果也不尽如人意。

而我之前写过一种比较酷炫的点击效果,
最近抽了点时间完善一下,
把阴影效果加入了进去,
大家先睹为快。

使用起来很简单,
只需两步。

第一步:
把我项目里的包复制到你得项目里,
如下图:

第二步:
把XML布局文件里,
有点击事件的View,
替换成我的BamView即可,
Java代码无须修改。

比如,




    

你的需求是点击图片,
那么就把ImageView换成我的BamImageView即可,
如下:




    

没错,
尘少的风格,
就是这么简单,
既然写这个玩意儿是为了方便同行,
那当然是使用起来越简单越好,
程序员何苦为难程序员。

但是,
有几点注意事项还是要跟大家伙儿说清楚的,

1、关于阴影效果

    我之前遇到这样一个坑,
    Android 5.0以后,
    想要阴影效果,
    设置translationZ属性即可,
    但是我设置该属性后却没有任何阴影,
    网上查找资料也没能解决。
    
    最后发现是我的View没有设置background属性,
    所以才没有阴影效果的。
    
    比如ImageView,
    你设置了src都不行,
    必须要设置background属性。
    
    而且background透明度越低,
    阴影的效果也就越低。

2、关于效果

    我为大家提供的,
    有两种点击效果,
    
    第一种是华丽效果,
    即上边GIF里大家看到的效果;
    
    第二种是缩放效果,
    它与华丽效果的区别在于,
    使用默认的华丽效果时,
    点击View的上、下、左、右、中,
    分别对应的5种不一样的动画:
    
    上 ————> 后翻
    下 ————> 前翻
    左 ————> 左侧翻
    右 ————> 右侧翻
    中 ————> 缩放
    
    而缩放效果,
    无论点击哪个位置,
    都只有缩放的动画。
    
    而想要切换效果也很简单:
    先把View转为BamView,
    然后调用closeSuperb()即可。
    
    如:
    ((BamImageView)iv_bam).closeSuperb();

3、关于点击事件

    我建议哪个View需要这种效果,
    就给哪个View加,
    其他的View就不要加了,
    不仅为性能考虑,
    更为了用户体验考虑。

尘少的规矩,附源码:
http://download.csdn.net/down...

如果觉得尘少的Demo还不错的话,
可以克隆我的Git仓库,
各种酷炫效果收入囊中:
https://github.com/Bamboy1203...
手机扫码下载App一睹为快:

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/74198.html

相关文章

  • Android 简单实现View自动换行(源码)

    摘要:尘少又来了,这次为大家带来的,是可以自动换行的容器。连设置也都是无效。如果你确实需要限制宽高,那你可以多套一层,在内层设置即可。代码点击事件实例化把放到控件里去到此就结束了,尘少一贯的风格,就是这么简单。 hi,尘少又来了,这次为大家带来的,是View可以自动换行的容器。 类似于淘宝搜索时的推荐,首先我不知道淘宝的是否只支持文字,但是我的是任何View都支持的。看下效果先: 淘宝:sh...

    MageekChiu 评论0 收藏0

发表评论

0条评论

shmily

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<