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

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

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

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

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

第一步:
把我项目里的包复制到你得项目里,
如下图:
Android简单酷炫点击动画(附源码)

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

比如,

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:layout_width="300dp"
        android:layout_height="180dp"
        android:layout_margin="10dp"
        android:background="#FFFFFF"
        android:scaleType="fitXY"
        android:src="@drawable/picture"
        android:translationZ="10dp" />

</RelativeLayout>

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

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.bamboy.bamUI.BamImageView
        android:layout_width="300dp"
        android:layout_height="180dp"
        android:layout_margin="10dp"
        android:background="#FFFFFF"
        android:scaleType="fitXY"
        android:src="@drawable/picture"
        android:translationZ="10dp" />

</RelativeLayout>

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

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

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一睹为快:
Android简单酷炫点击动画(附源码)

相关推荐