Android UI動畫 仿直播點贊飄心動畫效果

一個飄心的小動畫，以前看也看到網上有不少輪子，可是感受不是很符合個人需求，因此本身就湊活湊活搞出來一個，廢話很少說先看圖先。

嘿嘿嘿

還闊以哈☺

添加依賴

allprojects {
	repositories {
		...
		maven { url 'https://jitpack.io' }
	}
}
複製代碼

dependencies {
	implementation 'com.github.kaisengao:KsgLikeView:1.0.1'
}
複製代碼

Create View

<com.kaisengao.likeview.like.KsgLikeView
     android:id="@+id/live_view"
     android:layout_width="75dp"
     android:layout_height="0dp"
     android:layout_marginTop="100dp"
     app:ksg_default_image="@drawable/heart0"
     app:ksg_enter_duration="1500"
     app:ksg_curve_duration="4500"
     app:layout_constraintDimensionRatio="H,1:4"
     app:layout_constraintLeft_toLeftOf="parent"
     app:layout_constraintRight_toRightOf="parent"
     app:layout_constraintTop_toTopOf="parent"/>
複製代碼

Add Images

添加單張圖片資源

mLikeView.addLikeImage(R.drawable.heart0);
複製代碼

數組形式

Integer[] images = {R.drawable.heart1, R.drawable.heart2};
mLikeView.addLikeImages(images);
複製代碼

集合形式

List<Integer> images = new ArrayList<>();
images.add(R.drawable.heart0);
images.add(R.drawable.heart1);
mLikeView.addLikeImages(images);
複製代碼

SendFavor

mLikeView.addFavor();
複製代碼

Xml attributes

attribute	description
ksg_default_image	默認favor圖片（重要，由於是獲取圖片寬高的關鍵）
ksg_enter_duration	出場動畫 時長
ksg_curve_duration	貝賽爾曲線動畫 時長

大體就是這樣咯，最後附上Github。

😁