KsgLikeView
Android 贝塞尔曲线点赞飘心动画效果
Install / Use
/learn @kaisengao/KsgLikeViewREADME
KsgLikeView
Android 贝塞尔曲线点赞飘心动画效果
添加依赖
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
dependencies {
implementation 'com.github.kaisengao:KsgLikeView:1.2.2'
}
效果图
<img src="https://github.com/kaisengao/KsgLikeView/blob/master/images/like_main.jpg" width="35%"> <img src="https://github.com/kaisengao/KsgLikeView/blob/master/images/like_normal.gif" width="35%">
<img src="https://github.com/kaisengao/KsgLikeView/blob/master/images/like_list.gif" width="35%"> <img src="https://github.com/kaisengao/KsgLikeView/blob/master/images/like_viewpager.gif" width="35%">
基本使用
<com.kaisengao.likeview.like.KsgLikeView
android:id="@+id/live_view"
android:layout_width="75dp"
android:layout_height="0dp"
android:layout_marginTop="100dp"
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"/>
添加资源
添加单张图片资源
mLikeView.addLikeImage(R.drawable.heart0);
数组形式
mLikeView.addLikeImages(
R.drawable.heart0, R.drawable.heart1, R.drawable.heart2,
R.drawable.heart3, R.drawable.heart4, R.drawable.heart5,
R.drawable.heart6, R.drawable.heart7, R.drawable.heart8);
集合形式
List<Integer> images = new ArrayList<>();
images.add(R.drawable.heart0);
images.add(R.drawable.heart1);
mLikeView.addLikeImages(images);
发送
mLikeView.addFavor();
Xml attributes
attribute | description ------------- | ------------- ksg_enter_duration | 进入动画 时长 ksg_curve_duration | 路径动画 时长
更新内容
1.2.1版本:优化整体代码,加入路径缓存
1.2.2版本:新功能,在列表中使用该View
(警告:在列表中使用如果调用了Notify刷新就会导致动画消失,因为Item刷新机制问题View会重新创建)
建议有需求的小伙伴手动刷新Item中的View较好。后续我会想想办法解决。
:kissing_heart:
Related Skills
node-connect
346.4kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
107.2kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
346.4kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
346.4kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
