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

在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一睹为快:

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值