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/qq_24515359/9733766

如果覺得塵少的Demo還不錯的話,
可以克隆我的Git倉庫,
各種酷炫效果收入囊中:
https://github.com/Bamboy120315/bamboy.git
手機掃碼下載App一睹爲快:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章