線上直播原始碼，自定義氣泡效果（BubbleView）

線上直播原始碼，自定義氣泡效果（BubbleView）

程式碼如下：

package com.example.myapplication;
import android.content.Context;
import android.graphics.BlurMaskFilter;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.util.Log;
import android.util.TypedValue;
import android.view.View;
import androidx.annotation.Nullable;
import java.util.ArrayList;
import java.util.List;
import java.util.Random;
public class BubbleView extends View {
    private int mBubbleMaxRadius = 15;          // 氣泡最大半徑 px
    private int mBubbleMinRadius = 8;           // 氣泡最小半徑 px
    private int mBubbleMaxSize = 50;            // 氣泡數量
    private int mBubbleRefreshTime = 50;        // 重新整理間隔
    private int mBubbleMaxSpeedY = 2;           // 氣泡速度
    private int mBubbleMaxSpeedX = 4;           // 氣泡速度
    private int mBubbleAlpha = 128;             // 氣泡畫筆
    private float mContentWidth;                 // 瓶子寬度
    private float mContentHeight;                // 瓶子高度
    private RectF mContentRectF;                // 實際可用內容區域
    private Paint mBubblePaint;                 // 氣泡畫筆
    public BubbleView(Context context) {
        this(context, null);
    }
    public BubbleView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }
    public BubbleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        mContentWidth = dp2px(130);
        mContentHeight = dp2px(260);
        mBubblePaint = new Paint();
        mBubblePaint.setColor(Color.GREEN);
        mBubblePaint.setAlpha(mBubbleAlpha);
    }
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);
        int widthSize = MeasureSpec.getSize(widthMeasureSpec);
        int heightSize = MeasureSpec.getSize(heightMeasureSpec);
        int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);
        int width;
        int height;
        if (widthSpecMode == MeasureSpec.EXACTLY || widthSpecMode == MeasureSpec.AT_MOST) {
            width = widthSize;
            mContentWidth = width;
        } else {
            width = (int) mContentWidth;
        }
        if (heightSpecMode == MeasureSpec.EXACTLY || heightSpecMode == MeasureSpec.AT_MOST) {
            height = heightSize;
            mContentHeight = height;
        } else {
            height = (int) mContentHeight;
        }
        setMeasuredDimension(width, height);
    }
    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        mContentRectF = new RectF(getPaddingLeft(), getPaddingTop(), w - getPaddingRight(), h - getPaddingBottom());
    }
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        drawBubble(canvas);
    }
    @Override
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();
        startBubbleSync();
    }
    @Override
    protected void onDetachedFromWindow() {
        super.onDetachedFromWindow();
        stopBubbleSync();
    }
    private static class Bubble {
        int radius;     // 氣泡半徑
        float speedY;   // 上升速度
        float speedX;   // 平移速度
        float x;        // 氣泡x座標
        float y;        // 氣泡y座標
    }
    private ArrayList<Bubble> mBubbles = new ArrayList<>();
    private Random random = new Random();
    private Thread mBubbleThread;
    // 開始氣泡執行緒
    private void startBubbleSync() {
        stopBubbleSync();
        mBubbleThread = new Thread() {
            public void run() {
                while (true) {
                    try {
                        Thread.sleep(mBubbleRefreshTime);
                        tryCreateBubble();
                        refreshBubbles();
                        postInvalidate();
                    } catch (InterruptedException e) {
                        break;
                    }
                }
            }
        };
        mBubbleThread.start();
    }
    // 停止氣泡執行緒
    private void stopBubbleSync() {
        if (null == mBubbleThread) return;
        mBubbleThread.interrupt();
        mBubbleThread = null;
    }
    // 繪製氣泡
    private void drawBubble(Canvas canvas) {
        List<Bubble> list = new ArrayList<>(mBubbles);
        for (Bubble bubble : list) {
            if (null == bubble) continue;
            canvas.drawCircle(bubble.x, bubble.y,
                    bubble.radius, mBubblePaint);
        }
    }
    // 建立氣泡
    private void tryCreateBubble() {
        if (null == mContentRectF) return;
        if (mBubbles.size() >= mBubbleMaxSize) {
            return;
        }
        if (random.nextFloat() < 0.95) {
            return;
        }
        Bubble bubble = new Bubble();
        int radius = random.nextInt(mBubbleMaxRadius - mBubbleMinRadius);
        radius += mBubbleMinRadius;
        float speedX = 0.5f * mBubbleMaxSpeedX;
//        while (speedX < 1) {
//            speedX = random.nextFloat() * mBubbleMaxSpeedX;
//        }
        bubble.radius = radius;
        bubble.speedX = speedX;
        bubble.x = mContentRectF.left;
        bubble.y = mContentRectF.centerY();
        float speedY = random.nextFloat() - 0.5f;
        while (speedY == 0) {
            speedY = random.nextFloat() - 0.5f;
        }
        bubble.speedY = speedY * 2;
        mBubblePaint.setMaskFilter(new BlurMaskFilter(radius, BlurMaskFilter.Blur.SOLID));
        mBubbles.add(bubble);
    }
    // 重新整理氣泡位置，超出的氣泡進行移除
    private void refreshBubbles() {
        List<Bubble> list = new ArrayList<>(mBubbles);
        for (Bubble bubble : list) {
            if (bubble.x + bubble.speedX >= mContentRectF.right + bubble.radius) {
                mBubbles.remove(bubble);
            } else {
                int i = mBubbles.indexOf(bubble);
                if (bubble.y + bubble.speedY <= mContentRectF.top + bubble.radius) {
                    bubble.y = mContentRectF.top + bubble.radius;
                } else {
                    bubble.y = Math.min(bubble.y + bubble.speedY, mContentRectF.bottom - bubble.radius);
                }
                bubble.x = bubble.x + bubble.speedX;
                mBubbles.set(i, bubble);
            }
        }
    }
    private float dp2px(float dpValue) {
        return TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dpValue, getResources().getDisplayMetrics());
    }
}

目前為自定義屬性，佈局檔案中直接引用即可。

  <com.example.myapplication.BubbleView
        android:layout_width="300dp"
        android:layout_height="100dp"/>

以上就是 線上直播原始碼，自定義氣泡效果（BubbleView），更多內容歡迎關注之後的文章