android点赞变红动画代码
时间: 2023-08-07 17:05:44 浏览: 107
以下是一个简单的 Android 点赞变红动画代码示例:
1. 首先在你的布局文件中添加一个 ImageView,用于显示点赞的红心图标:
```
<ImageView
android:id="@+id/heart_icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/heart_empty" />
```
2. 在你的 Activity 或 Fragment 中获取这个 ImageView,并添加一个点击事件监听器:
```
ImageView heartIcon = findViewById(R.id.heart_icon);
heartIcon.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
animateHeart(heartIcon);
}
});
```
3. 实现 animateHeart() 方法,使用属性动画让红心图标从空心变成实心,并且放大一些,然后再缩小回原来的大小:
```
private void animateHeart(final ImageView heartIcon) {
AnimatorSet animatorSet = new AnimatorSet();
// 缩放动画,从 1.0f 放大到 1.4f,然后再缩小回 1.0f
ObjectAnimator scaleXAnimator = ObjectAnimator.ofFloat(heartIcon, "scaleX", 1.0f, 1.4f, 1.0f);
ObjectAnimator scaleYAnimator = ObjectAnimator.ofFloat(heartIcon, "scaleY", 1.0f, 1.4f, 1.0f);
// 颜色动画,从空心的灰色变成实心的红色
ObjectAnimator colorAnimator = ObjectAnimator.ofInt(heartIcon.getDrawable(), "colorFilter", Color.GRAY, Color.RED);
colorAnimator.setEvaluator(new ArgbEvaluator());
animatorSet.playTogether(scaleXAnimator, scaleYAnimator, colorAnimator);
animatorSet.setDuration(500);
animatorSet.start();
}
```
这样,当用户点击红心图标时,就会播放一个简单的点赞变红动画。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![.zip](https://img-home.csdnimg.cn/images/20210720083646.png)