技術標籤：android動畫androidandroid studio

今天突然看到一個好玩的爆裂動畫效果，然後就特別想分享給大家，使用起來特別方便簡單。

git地址：https://github.com/tyrantgit/ExplosionField

1.引入大佬的依賴庫：

    //爆裂動畫
    implementation 'tyrantgit:explosionfield:1.0.1'

2.自己隨便畫一個佈局：

  <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="vertical"
        android:paddingLeft="50dp"
        android:paddingRight="50dp">
        <ImageView
            android:id="@+id/img1"
            android:layout_width="wrap_content"
            android:layout_height="100dp"
            android:src="@mipmap/tu1"
            android:layout_marginTop="20dp"/>
        <ImageView
            android:id="@+id/img2"
            android:layout_width="wrap_content"
            android:layout_height="100dp"
            android:src="@mipmap/tu2"
            android:layout_marginTop="20dp"/>
        <ImageView
            android:id="@+id/img3"
            android:layout_width="wrap_content"
            android:layout_height="100dp"
            android:src="@mipmap/tu2"
            android:layout_marginTop="20dp"/>
        <ImageView
            android:id="@+id/img4"
            android:layout_width="wrap_content"
            android:layout_height="100dp"
            android:src="@mipmap/tu2"
            android:layout_marginTop="20dp"/>
        <ImageView
            android:id="@+id/img5"
            android:layout_width="wrap_content"
            android:layout_height="100dp"
            android:src="@mipmap/tu2"
            android:layout_marginTop="20dp"/>
    </LinearLayout>
 

3.在onCreate中初始化

private ExplosionField explosionField;

explosionField = ExplosionField.attach2Window(this);

4.在我們隨便寫的佈局中的點選事件中操作

 @OnClick({R.id.img1, R.id.img2, R.id.img3, R.id.img4, R.id.img5})
    public void onViewClicked(View view) {
        switch (view.getId()) {
            case R.id.img1:
                explosionField.explode(view);//放入想要實現動畫的view
                img1.setVisibility(View.GONE);//這裡我是把圖片隱藏起來，動畫自己是可以讓view消失，但是還可以點選，所以我就徹底讓view消失。
                break;
            case R.id.img2:
                explosionField.explode(view);
                img2.setVisibility(View.GONE);
                break;
            case R.id.img3:
                explosionField.explode(view);
                img3.setVisibility(View.GONE);
                break;
            case R.id.img4:
                explosionField.explode(view);
                img4.setVisibility(View.GONE);
                break;
            case R.id.img5:
                explosionField.explode(view);
                img5.setVisibility(View.GONE);
                break;
        }
    }
 

5.上效果圖（完事了。。。。。）我感覺用起來挺方便而且效果很不錯，如果大家在用的時候遇到什麼問題請在評論區留言，謝謝大家。