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

来源:互联网 发布:手机淘宝不能照片搜索 编辑:程序博客网 时间:2024/05/22 17:11

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

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

Bamboy点击动画

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

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

第二步:
把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/download/bamboy_/9734956

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

0 0