资讯专栏INFORMATION COLUMN

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

shmily / 2287人阅读

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

在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简单酷炫点击动画(源码)

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

    Big_fat_cat 评论0 收藏0
  • Android 简单实现View自动换行(源码)

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

    hot_pot_Leo 评论0 收藏0
  • Android 简单实现View自动换行(源码)

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

    MageekChiu 评论0 收藏0
  • fir.im Weekly - 热门 iOS 第三方库大盘点

    摘要:源码地址在此开源了在微博上分享开源了。中炸裂特效的实现分析说道前几天微博上被一个很优秀的开源组件刷屏了,效果非常酷炫,有点类似卸载时的动画,先来感受一下。 本期 fir.im Weekly 收集的热度资源,大部分关于Android、iOS 开发工具、源码和脑洞大开的 UI 动画,希望给你带来更多的工作创意与灵感。 盘点国内程序员不常用的热门iOS第三方库 @ios122 的这份整理综合...

    luoyibu 评论0 收藏0
  • fir.im Weekly - 热门 iOS 第三方库大盘点

    摘要:源码地址在此开源了在微博上分享开源了。中炸裂特效的实现分析说道前几天微博上被一个很优秀的开源组件刷屏了,效果非常酷炫,有点类似卸载时的动画,先来感受一下。 本期 fir.im Weekly 收集的热度资源,大部分关于Android、iOS 开发工具、源码和脑洞大开的 UI 动画,希望给你带来更多的工作创意与灵感。 盘点国内程序员不常用的热门iOS第三方库 @ios122 的这份整理综合...

    Lavender 评论0 收藏0

发表评论

0条评论

shmily

|高级讲师

TA的文章

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