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

7次阅读

共计 1796 个字符,预计需要花费 5 分钟才能阅读完成。

在 Android5.0 之前,Android 的点击效果一直很 low,即使 5.0 的波纹效果也不尽如人意。
而我之前写过一种比较酷炫的点击效果,最近抽了点时间完善一下,把阴影效果加入了进去,大家先睹为快。

使用起来很简单,只需两步。
第一步:把我项目里的包复制到你得项目里,如下图:
第二步:把 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 一睹为快:

正文完
 0