android 点赞动画自定义UI实现

最新推荐文章于 2024-08-30 12:42:41 发布

笑忘书客

最新推荐文章于 2024-08-30 12:42:41 发布

阅读量474

点赞数

分类专栏： Android 文章标签：点赞动画 android点赞动画点赞上浮效果 android 点赞动画

本文链接：https://blog.csdn.net/u014714188/article/details/117737975

版权

本文介绍了如何在Android中实现点赞动画，通过自定义UI组件FlowLikeView，展示了一个点赞上浮的效果。只需将FlowLikeView加入XML布局，并在点赞事件中调用addLikeView()方法即可启动动画。

摘要由CSDN通过智能技术生成

android 点赞动画自定义UI实现

先看效果
在这里插入图片描述

FlowLikeView自定义UI

/**
 * 点赞自定义控件
 */
public class FlowLikeView extends RelativeLayout {
   

    private List<Drawable> mLikeDrawables; // 图片的集合
    private LayoutParams mLayoutParams; // 用于设置动画对象的位置参数
    private Random mRandom; // 用于产生随机数,如生成随机图片

    private int mViewWidth; // 控件的宽度
    private int mViewHeight; // 控件的高度

    private int mPicWidth; // 图片的宽度
    private int mPicHeight; // 图片的高度

    private int mChildViewHeight; // 在 XML 布局文件中添加的子View的总高度

    public FlowLikeView(Context context) {
   
        this(context, null);
    }

    public FlowLikeView(Context context, AttributeSet attrs) {
   
        this(context, attrs, 0);
    }

    public FlowLikeView(Context context, AttributeSet attrs, int defStyleAttr) {
   
        super(context, attrs, defStyleAttr);

        initParams();
    }

    private void initParams() {
   
        mLikeDrawables = new ArrayList<>();
        mLikeDrawables.add(generateDrawable(R.drawable.icon_video_play_zaned));

        // 获取图片的宽高, 由于图片大小一致,故直接获取第一张图片的宽高
        mPicWidth = mLikeDrawables.get(0).getIntrinsicWidth();
        mPicHeight = mLikeDrawables.get(0).getIntrinsicHeight();

        // 初始化布局参数
        mLayoutParams = new RelativeLayout.LayoutParams(mPicWidth, mPicHeight);
        mLayoutParams.addRule(CENTER_HORIZONTAL);
        mLayoutParams.addRule(ALIGN_PARENT_BOTTOM);

        mRandom = new Random();
    }

    private Drawable generateDrawable(int resID) {
   
        return ContextCompat.getDrawable(getContext(), resID);
    }

    @Override