自定义View:仿抖音直播点赞效果

最新推荐文章于 2024-04-23 10:02:54 发布
最新推荐文章于 2024-04-23 10:02:54 发布
阅读量723 收藏 3
点赞数
分类专栏： 安卓进阶之路 文章标签： android 自定义View 抖音
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WLX10428/article/details/120270131
版权

目录

一、效果图

        1、第一版本：在屏幕底部开始显示 

        2、第二版本：点击任意位置都可以显示

        3、第三版本：给任意控件添加点赞效果

 二、代码

        1、第一版本代码    

        源码：

        示例：

2、第二版本代码

        源码（主要是增加了ontouchEvent的处理还有修改贝塞尔四个点的坐标范围）：

        示例：

3、第三版本代码（主要是增加了ontouchlistener）

        源码：

        示例：

一、效果图

        1、第一版本：在屏幕底部开始显示 

        2、第二版本：点击任意位置都可以显示

        3、第三版本：给任意控件添加点赞效果

 二、代码

        1、第一版本代码    

        源码：

package com.example.lovelayout;

import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.animation.TypeEvaluator;
import android.animation.ValueAnimator;
import android.content.Context;
import android.graphics.PointF;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.RelativeLayout;

import java.util.Random;

import androidx.core.content.ContextCompat;

public class MyLoveLayout extends RelativeLayout {
    private int[] imgResId;
    private Random random;
    private int mWidth;
    private int mHeight;
    private int drawableWidth;
    private int drawableHeight;

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

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

    public MyLoveLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        imgResId = new int[]{R.drawable.off, R.drawable.on};
        random = new Random();
        Drawable drawable = ContextCompat.getDrawable(context, R.drawable.on);
        drawableWidth = drawable.getIntrinsicWidth();
        drawableHeight = drawable.getIntrinsicHeight();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        mWidth = MeasureSpec.getSize(widthMeasureSpec);
        mHeight = MeasureSpec.getSize(heightMeasureSpec);
    }

    //添加图片
    public void addView() {
        ImageView loveImg = new ImageView(getContext());
        loveImg.setImageResource(imgResId[random.nextInt(imgResId.length)]);
        RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        params.addRule(CENTER_HORIZONTAL);
        params.addRule(ALIGN_PARENT_BOTTOM);
        loveImg.setLayoutParams(params);
        addView(loveImg);
        //开始动画
        startAni(loveImg);
    }

    private void startAni(ImageView loveImg) {
        //透明度、缩放动画
        ObjectAnimator alphaAni = ObjectAnimator.ofFloat(loveImg, "Alpha", 0f, 1f);
        ObjectAnimator scaleXAni = ObjectAnimator.ofFloat(loveImg, "ScaleX", 0.2f, 1f);
        alphaAni.setDuration(500);
        scaleXAni.setDuration(500);

        //贝塞尔路径动画
        ValueAnimator bizerAni = getBizerPathAni(loveImg);

        AnimatorSet aniSet = new AnimatorSet();
        aniSet.play(alphaAni).with(scaleXAni).before(bizerAni);
        aniSet.start();
    }

    private ValueAnimator getBizerPathAni(final ImageView loveImg) {
        //point0 point3 起始点和终点 point1 point2 控制点
        PointF point0 = new PointF(mWidth / 2 - drawableWidth / 2, mHeight - drawableHeight);//左上角
        PointF point1 = new PointF(random.nextInt(mWidth - drawableWidth), random.nextInt(mHeight / 2)+ mHeight / 2);
        PointF point2 = new PointF(random.nextInt(mWidth - drawableWidth), random.nextInt(mHeight / 2) );
        PointF point3 = new PointF(random.nextInt(mWidth - drawableWidth), 0);

        final ValueAnimator bizerPathAni = ValueAnimator.ofObject(new MyEvalutator(point0, point3), point1, point2);
        bizerPathAni.setDuration(3000);
        bizerPathAni.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                PointF bizerPoint = (PointF) animation.getAnimatedValue();
                //改变imageview的坐标
                loveImg.setX(bizerPoint.x);
                loveImg.setY(bizerPoint.y);
                float t = animation.getAnimatedFraction();
                //设置透明度，慢慢消失
                loveImg.setAlpha(1.3f - t);
            }
        });
        bizerPathAni.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
                removeView(loveImg);
            }
        });
        return bizerPathAni;
    }

    private class MyEvalutator implements TypeEvaluator<PointF> {
        private PointF point0;//起点
        private PointF point3;//终点
        private PointF pointBizer;

        public MyEvalutator(PointF point0, PointF point3) {
            this.point0 = point0;
            this.point3 = point3;
            pointBizer = new PointF();
        }

        @Override
        public PointF evaluate(float t, PointF point1, PointF point2) {
            //三次贝塞尔曲线
            pointBizer.x = (float) (point0.x * Math.pow(1 - t, 3) + 3 * point1.x * t * Math.pow(1 - t, 2)
                    + 3 * point2.x * t * t * (1 - t) + point3.x * Math.pow(t, 3));

            pointBizer.y = (float) (point0.y * Math.pow(1 - t, 3) + 3 * point1.y * t * Math.pow(1 - t, 2)
                    + 3 * point2.y * t * t * (1 - t) + point3.y * Math.pow(t, 3));
            return pointBizer;
        }
    }


}

        示例：

<?xml version="1.0" encoding="utf-8"?>
<com.example.lovelayout.MyLoveLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/loveLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="点击" />

</com.example.lovelayout.MyLoveLayout>
package com.example.lovelayout;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {
    MyLoveLayout loveLayout;
    Button btn;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        loveLayout = (MyLoveLayout) findViewById(R.id.loveLayout);
        btn = (Button) findViewById(R.id.btn);
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                loveLayout.addView();
            }
        });
    }
}

2、第二版本代码

        源码（主要是增加了ontouchEvent的处理还有修改贝塞尔四个点的坐标范围）：

package com.example.lovelayout;

import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.animation.TypeEvaluator;
import android.animation.ValueAnimator;
import android.content.Context;
import android.graphics.PointF;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.RelativeLayout;

import java.util.Random;

import androidx.core.content.ContextCompat;

public class MyLoveLayout extends RelativeLayout {
    private int[] imgResId;
    private Random random;
    private int mWidth;
    private int mHeight;
    private int drawableWidth;
    private int drawableHeight;
    private PointF downPoint;//手指按下的点

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

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

    public MyLoveLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        imgResId = new int[]{R.drawable.off, R.drawable.on};
        random = new Random();
        Drawable drawable = ContextCompat.getDrawable(context, R.drawable.on);
        drawableWidth = drawable.getIntrinsicWidth();
        drawableHeight = drawable.getIntrinsicHeight();
        downPoint=new PointF();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        mWidth = MeasureSpec.getSize(widthMeasureSpec);
        mHeight = MeasureSpec.getSize(heightMeasureSpec);
    }

    //添加图片
    private void addView() {
        ImageView loveImg = new ImageView(getContext());
        loveImg.setImageResource(imgResId[random.nextInt(imgResId.length)]);
        RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        loveImg.setLayoutParams(params);
        loveImg.setX(downPoint.x-drawableWidth/2);
        loveImg.setY(downPoint.y-drawableHeight/2);
        addView(loveImg);
        //开始动画
        startAni(loveImg);
    }

    private void startAni(ImageView loveImg) {
        //透明度、缩放动画
        ObjectAnimator alphaAni = ObjectAnimator.ofFloat(loveImg, "Alpha", 0f, 1f);
        ObjectAnimator scaleXAni = ObjectAnimator.ofFloat(loveImg, "ScaleX", 0.2f, 1f);
        alphaAni.setDuration(100);
        scaleXAni.setDuration(100);

        //贝塞尔路径动画
        ValueAnimator bizerAni = getBizerPathAni(loveImg);

        AnimatorSet aniSet = new AnimatorSet();
        aniSet.play(alphaAni).with(scaleXAni).before(bizerAni);
        aniSet.start();
    }

    private ValueAnimator getBizerPathAni(final ImageView loveImg) {
        //point0 point3 起始点和终点 point1 point2 控制点
        PointF point0 = new PointF(downPoint.x-drawableWidth/2, downPoint.y - drawableHeight/2);//左上角
        PointF point1 = new PointF(random.nextInt(mWidth - drawableWidth),random.nextInt((int) ((mHeight-downPoint.y) / 2)) +(mHeight-downPoint.y) / 2 );
        PointF point2 = new PointF(random.nextInt(mWidth - drawableWidth), random.nextInt((int) ((mHeight-downPoint.y) / 2)));
        PointF point3 = new PointF(random.nextInt(mWidth - drawableWidth), 0);

        final ValueAnimator bizerPathAni = ValueAnimator.ofObject(new MyEvalutator(point0, point3), point1, point2);
        bizerPathAni.setDuration(3000);
        bizerPathAni.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                PointF bizerPoint = (PointF) animation.getAnimatedValue();
                //改变imageview的坐标
                loveImg.setX(bizerPoint.x);
                loveImg.setY(bizerPoint.y);
                float t = animation.getAnimatedFraction();
                //设置透明度，慢慢消失
                loveImg.setAlpha(1.3f - t);
            }
        });
        bizerPathAni.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
                removeView(loveImg);
            }
        });
        return bizerPathAni;
    }

    private class MyEvalutator implements TypeEvaluator<PointF> {
        private PointF point0;//起点
        private PointF point3;//终点
        private PointF pointBizer;

        public MyEvalutator(PointF point0, PointF point3) {
            this.point0 = point0;
            this.point3 = point3;
            pointBizer = new PointF();
        }

        @Override
        public PointF evaluate(float t, PointF point1, PointF point2) {
            //三次贝塞尔曲线
            pointBizer.x = (float) (point0.x * Math.pow(1 - t, 3) + 3 * point1.x * t * Math.pow(1 - t, 2)
                    + 3 * point2.x * t * t * (1 - t) + point3.x * Math.pow(t, 3));

            pointBizer.y = (float) (point0.y * Math.pow(1 - t, 3) + 3 * point1.y * t * Math.pow(1 - t, 2)
                    + 3 * point2.y * t * t * (1 - t) + point3.y * Math.pow(t, 3));
            return pointBizer;
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                downPoint.x = event.getX();
                downPoint.y = event.getY();
                addView();
                break;
        }
        return super.onTouchEvent(event);
    }
}

        示例：

<?xml version="1.0" encoding="utf-8"?>
<com.example.lovelayout.MyLoveLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/loveLayout"
    tools:context=".MainActivity">


</com.example.lovelayout.MyLoveLayout>
package com.example.lovelayout;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {
    MyLoveLayout loveLayout;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        loveLayout = (MyLoveLayout) findViewById(R.id.loveLayout);
    }
}

3、第三版本代码（主要是增加了ontouchlistener）

        源码：

package com.example.lovelayout;

import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.animation.TypeEvaluator;
import android.animation.ValueAnimator;
import android.content.Context;
import android.content.res.Resources;
import android.graphics.PointF;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.util.Log;
import android.util.TypedValue;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.RelativeLayout;

import java.util.Random;

import androidx.core.content.ContextCompat;

public class MyLoveLayout extends RelativeLayout {
    private static final String TAG="MyLoveLayout";
    private int[] imgResId;
    private Random random;
    private int mWidth;
    private int mHeight;
    private int drawableWidth;
    private int drawableHeight;
    private PointF downPoint;//手指按下的点

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

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

    public MyLoveLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        imgResId = new int[]{R.drawable.off, R.drawable.on};
        random = new Random();
        Drawable drawable = ContextCompat.getDrawable(context, R.drawable.on);
        drawableWidth = drawable.getIntrinsicWidth();
        drawableHeight = drawable.getIntrinsicHeight();
        downPoint=new PointF();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        mWidth = MeasureSpec.getSize(widthMeasureSpec);
        mHeight = MeasureSpec.getSize(heightMeasureSpec);
    }

    //添加图片
    private void addView() {
        ImageView loveImg = new ImageView(getContext());
        loveImg.setImageResource(imgResId[random.nextInt(imgResId.length)]);
        RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        loveImg.setLayoutParams(params);
        loveImg.setX(downPoint.x-drawableWidth/2);
        loveImg.setY(downPoint.y-drawableHeight/2);
        addView(loveImg);
        //开始动画
        startAni(loveImg);
    }

    private void startAni(ImageView loveImg) {
        //透明度、缩放动画
        ObjectAnimator alphaAni = ObjectAnimator.ofFloat(loveImg, "Alpha", 0f, 1f);
        ObjectAnimator scaleXAni = ObjectAnimator.ofFloat(loveImg, "ScaleX", 0.2f, 1f);
        alphaAni.setDuration(100);
        scaleXAni.setDuration(100);

        //贝塞尔路径动画
        ValueAnimator bizerAni = getBizerPathAni(loveImg);

        AnimatorSet aniSet = new AnimatorSet();
        aniSet.play(alphaAni).with(scaleXAni).before(bizerAni);
        aniSet.start();
    }

    private ValueAnimator getBizerPathAni(final ImageView loveImg) {
        //point0 point3 起始点和终点 point1 point2 控制点
        PointF point0 = new PointF(downPoint.x-drawableWidth/2, downPoint.y - drawableHeight/2);//左上角
        PointF point1 = new PointF(random.nextInt(mWidth - drawableWidth),random.nextInt((int) ((mHeight-downPoint.y) / 2)) +(mHeight-downPoint.y) / 2 );
        PointF point2 = new PointF(random.nextInt(mWidth - drawableWidth), random.nextInt((int) ((mHeight-downPoint.y) / 2)));
        PointF point3 = new PointF(random.nextInt(mWidth - drawableWidth), 0);

        final ValueAnimator bizerPathAni = ValueAnimator.ofObject(new MyEvalutator(point0, point3), point1, point2);
        bizerPathAni.setDuration(3000);
        bizerPathAni.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                PointF bizerPoint = (PointF) animation.getAnimatedValue();
                //改变imageview的坐标
                loveImg.setX(bizerPoint.x);
                loveImg.setY(bizerPoint.y);
                float t = animation.getAnimatedFraction();
                //设置透明度，慢慢消失
                loveImg.setAlpha(1.3f - t);
            }
        });
        bizerPathAni.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
                removeView(loveImg);
            }
        });
        return bizerPathAni;
    }

    private class MyEvalutator implements TypeEvaluator<PointF> {
        private PointF point0;//起点
        private PointF point3;//终点
        private PointF pointBizer;

        public MyEvalutator(PointF point0, PointF point3) {
            this.point0 = point0;
            this.point3 = point3;
            pointBizer = new PointF();
        }

        @Override
        public PointF evaluate(float t, PointF point1, PointF point2) {
            //三次贝塞尔曲线
            pointBizer.x = (float) (point0.x * Math.pow(1 - t, 3) + 3 * point1.x * t * Math.pow(1 - t, 2)
                    + 3 * point2.x * t * t * (1 - t) + point3.x * Math.pow(t, 3));

            pointBizer.y = (float) (point0.y * Math.pow(1 - t, 3) + 3 * point1.y * t * Math.pow(1 - t, 2)
                    + 3 * point2.y * t * t * (1 - t) + point3.y * Math.pow(t, 3));
            return pointBizer;
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
//        switch (event.getAction()) {
//            case MotionEvent.ACTION_DOWN:
//                downPoint.x = event.getX();
//                downPoint.y = event.getY();
//                addView();
//                break;
//        }
        return super.onTouchEvent(event);
    }

    //增加view的触摸监听事件
    public void attachView(View view) {
        view.setOnTouchListener(new OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        downPoint.x = event.getRawX();
                        //这里要减去状态栏的高度，否则高度不对，如果有ActionBar,这里也要记得减掉
                        downPoint.y = event.getRawY()-getStatusBarHeight();
                        addView();
                        break;
                }
                return true;
            }
        });
    }

    //获取状态栏高度
    private int getStatusBarHeight() {
        int height=0;
        Resources resources=getContext().getResources();
        int resId = resources.getIdentifier("status_bar_height", "dimen", "android");
        if (resId > 0) {
            height = resources.getDimensionPixelOffset(resId);
        }
        height=(int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,height,resources.getDisplayMetrics());
        return height;
    }
}

        示例：

<?xml version="1.0" encoding="utf-8"?>
<com.example.lovelayout.MyLoveLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/loveLayout"
    tools:context=".MainActivity">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_marginTop="500dp"
        android:background="@drawable/on"
        android:id="@+id/img" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/button"
        android:layout_centerInParent="true"
        android:text="点我" />

</com.example.lovelayout.MyLoveLayout>
package com.example.lovelayout;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {
    MyLoveLayout loveLayout;
    ImageView img;
    Button button;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        loveLayout = (MyLoveLayout) findViewById(R.id.loveLayout);
        img = (ImageView) findViewById(R.id.img);
        button = (Button) findViewById(R.id.button);
        loveLayout.attachView(button);
        loveLayout.attachView(img);

    }
}

一个 狠人
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android自定义View实现直播点赞特效
01-03
由于开发的需要，需要开发类似直播点赞特效的需求，于是自定义View来实现这种效果 案例图： 1.自定义View import android.animation.Animator; import android.animation.AnimatorSet; import android.animation.ObjectAnimator; import android.animation.TypeEvaluator; import android.animation.ValueAnimator; import android.content.Context; import android.g
android 抖音点赞功能
11-05
实现类似抖音点赞动画效果。
Android 动画集合，抖音快手点赞动画视频点赞方案
04-28 2071
背景： 随便短视频和直播行业的发展，创作者与浏览者之间存在一定的互动，这些互动表现形式很多，最常见的属于动画。 动画： Android的动画分为三种:接下来我会简单的进行介绍，大家可以自行去查阅资料 View Animation（视图动画） Drawable Animation（帧动画） Property Animation（属性动画） 1. 视图动画，也叫Tween（补间）动画可以在一个视图容器内执行一系列简单变换（位置、大小、旋转、透明度）。譬如，如果你有一个Tex
Android高级UI特效仿直播点赞动画效果
08-27
主要介绍了Android高级UI特效仿直播点赞动画效果,最近比较火的抖音快手直播视频都有这样的效果，下面脚本之家小编给大家带来android 仿直播点赞效果的实现代码，需要的朋友参考下吧
Android自定义View高仿抖音潜艇大挑战小游戏.zip
03-07
Android自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View高仿抖音潜艇大挑战小游戏.zipAndroid自定义View高仿抖音潜艇
android 点击效果动画增强,Android仿抖音点击效果
weixin_32301557的博客
05-26 167
**1.概述 **点击效果==》短视频抖音*App非常火 ，视频点击效果红心效果也不错。其实不难就是一些动画效果的结合使用，这里将具体一步一步实现。使用简单,欢迎前往github。老规矩，先看女神效果图：douyin.gif2．效果分析2.1：首先是构建一张红心图片 new ImageView(mContext);2.2：设置红心图片X与Y坐标位置2.2：添加属性动画效果集，包含缩放、透明度、...
android炫酷动画代码,Android高级UI特效仿直播点赞动画效果
weixin_36465108的博客
05-25 533
Android高级UI特效仿直播点赞动画效果发布时间：2020-10-02 16:06:18来源：脚本之家阅读：117作者：mrr本文给大家分享高级UI特效仿直播点赞效果—一个优美炫酷的点赞动画，具体实现代码大家参考本文。效果图如下：攻克难点：心形图片的路径等走向 心形图片的控制范围部分代码如下：通过AbstractPathAnimator定义飘心动画控制器@Overridepublic void...
Android 利用ConstraintLayout 实现仿抖音点赞动画效果
TracyEminem的博客
06-23 3478
正好在做一个和抖音差不多的APP，目前在刚启动阶段，先从实现一个抖音的点赞动画开始。。。爱心是从阿里的矢量图标库下载的一个爱心的Png图片，不是使用贝塞尔曲线画的。。。原因是我不会贝塞尔曲线（其实就是菜）我使用的是Androidx的包，如果使用的老的Support的包，请自行替换。代码是kotlin实现的，需要java的请自行翻译。最后使用方式，就是在xml文件中直接当成ConstraintLay...
android点赞动画仿twritter,【点赞动画仿抖音】Android 自定义view动画--酷炫点赞动画...
weixin_39620653的博客
05-25 213
先看效果看起来复杂，但是我们可以分步实现，最后你会发现很简单。【第一步】：画圆---不断放大的空心圆 -- CircleView想要的效果是不断扩大的空心圆。关于这点我们可以有多种思路:1.画一个空心圆然后根据半径不断增大从而达到效果2.画两个圆，外圆实心，内圆清除，从而给人一种这样的效果实验了一下，第二种效果更好一点。代码如下，很简单。public class CircleView extend...
Android 抖音爱心动画,Android自定义View实现抖音飘动红心效果
weixin_29185199的博客
05-25 448
本文实例为大家分享了Android自定义View实现抖音飘动红心效果的具体代码，供大家参考，具体内容如下自定义View——抖音飘动红心效果展示动画效果使用自定义view完成红心飘动效果View实现动画：属性动画(位移+缩放+透明度+旋转)+随机数：(属性动画参数+颜色选取)View/*** 飘心效果* 1.创建ImageView* 2.ImageView执行组合动画* 3.动画执行完成后销毁Vie...
Android自定义View——贝塞尔曲线实现直播点赞效果
12-28
Android自定义View——贝塞尔曲线实现直播点赞效果 Android自定义View——贝塞尔曲线实现直播点赞效果
Android自定义view，点赞效果
11-02
安卓自定义View，实现点赞爆炸效果，里面有酷炫的动画！
仿抖音视频详情页点赞红心动效
ZhangRui的博客
12-11 5532
GitHub地址： https://github.com/selfconzrr/LikeAnimator 可直接测试运行 核心思路： 自定义 View 继承自 RelativeLayout ，重写 onTouchEvent，在点击时触发将心形的图片 add 到整个 view 中，然后在执行动画。主要的处理逻辑都在 onTouchEvent() 事件中。 首先，我们需要在触摸事件中做监听，当有触摸时...
安卓Android 视频直播点赞爱心特效，计时器
Mr_Liangxiaobai的博客
03-12 3560
高仿抖音点赞特效 首先忽略这画质和抠脚的交互效果，首先需求就是 实现类似抖音的点赞效果 飘小心心的效果，UI的方案是做成了gif图，但是我觉得这种东西做成gif是不是太low了，于是就有了想法，这边记录一下： 首先 图形是随机产生，这个不多说，ui的图片 然后点赞随机飘爱心的效果要怎么实现呢，首先想到的是 Android 属性动画 ，那就用这个方式来实现吧，用自定义view的方式实现它， ...
Android UI动画 仿直播点赞飘心动画效果
weixin_43250402的博客
10-18 864
** 首先在写之前加上效果图： ** ![动图效果](https://img-blog.csdnimg.cn/20191018170413767.gif) 第一步我们先导入依赖： allprojects { repositories { .......... maven { url 'https://jitpa...
推荐开源项目：YPDouYinLikeAnimation - 打造抖音点赞动画效果
最新发布
gitblog_00009的博客
04-23 304
推荐开源项目：YPDouYinLikeAnimation - 打造抖音点赞动画效果 项目地址:https://gitcode.com/zyp688/YPDouYinLikeAnimation 在数字媒体时代，用户体验已经成为产品成功的关键因素之一。互动元素如动画能够极大地提升用户的参与度和满意度。今天，我们要介绍一个有趣的开源项目——YPDouYinLikeAnimation，它提供了一个简单易用...
Android 仿抖音视频播放列表和评论列表
shenggaofei的博客
12-30 6382
Android 仿抖音系列之视频播放列表和评论列表 https://github.com/wuqingsen/DouYinWu https://github.com/laobie/StatusBarUtil https://github.com/li-xiaojun/XPopup 干货： https://github.com/lygttpod/AndroidCustomVie...
Android 高仿抖音双击点赞效果
qq_33209777的博客
07-05 1426
最近遇到一个需求模仿抖音点赞效果 废话不多说，直接上代码 自定义一个view 在布局中引用它就可以 public class Love extends RelativeLayout { private Context mContext; float[] num = {-30, -20, 0, 20, 30};//随机心形图片角度 public Love(Context context) { super(context); initV...
Vscode markdown 添加、粘贴、导入图片
我的安卓之路
05-28 9022
网上查了很多资料，很多都说建个assets文件夹，放入图片，可是我复制了图片死活粘贴不进Vscode，可以这样做： 首先我这里面是没有图片的，如果你在Vscode里面粘贴图片是粘贴不了的： 打开这个docs文件夹，将图片拷贝进去： 再看Vscode中的文件夹，可以看到拷贝进来的图片： markdown中使用： ...
Android 自定义view：seekbar
03-21
Android中的自定义View是指开发者可以根据自己的需求和设计，创建出符合特定功能和样式的控件。SeekBar是Android中的一个常用控件，用于在用户界面上显示一个可拖动的滑动条，通常用于调整某个数值的大小。 要自定义SeekBar，可以通过继承SeekBar类，并重写其中的方法来实现。以下是自定义SeekBar的一般步骤： 1. 创建一个新的类，继承自SeekBar类。 2. 在构造函数中进行一些初始化操作，如设置SeekBar的样式、颜色等。 3. 重写onDraw方法，可以在该方法中绘制自定义的SeekBar样式，如改变滑块的形状、添加背景等。 4. 可以重写onTouchEvent方法，处理用户的触摸事件，实现滑动条的拖动功能。 5. 可以添加一些自定义属性，通过在xml布局文件中设置这些属性来改变SeekBar的外观和行为。 自定义SeekBar可以根据具体需求进行更多的扩展和定制，例如添加动画效果、改变滑动条的刻度等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值