Android 商顯會議平板聚光燈效果實現

聚光燈效果圖
 

代碼
DrawView.java
 

package com.rp.rpspotlight;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

import androidx.annotation.Nullable;

public class DrawView extends View {
    //初始化圓的位置
    public float currentX=500;
    public float currentY=500;
    public DrawView(Context context) {
        this(context,null);
    }
 
    public DrawView(Context context, @Nullable AttributeSet attrs) {
        this(context,null,0);
    }
 
    public DrawView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }
 
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //創建畫筆
        canvas.drawColor(Color.BLACK); //畫布顏色
        Paint paint=new Paint();
        //填充顏色
        setWillNotDraw(false);
        setLayerType(LAYER_TYPE_HARDWARE, null);
        paint.setAntiAlias(true);
        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR)); //將圓摳成透明
        //paint.setColor(Color.BLACK);
        //開始畫圓，float cx開始x的位置, float cy開始Y的位置, float radius圓的半徑, @NonNull Paint paint畫筆
        canvas.drawCircle(currentX,currentY,80,paint);
    }
 
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        //getX獲得點擊x位置，getY獲得點擊Y的位置
        currentX= event.getX();
        currentY=event.getY();
        //重繪自身
        invalidate();
        //返回true自身消費
        return true;
    }
}

引用
 

  <com.rp.rpspotlight.DrawView
      android:layout_width="match_parent"
      android:layout_height="match_parent"/>

將Activity背景設爲透明

    <style name="TransparentTheme" parent="Theme.AppCompat.NoActionBar">
        <!--不設置activity進入和退出動畫樣式-->
        <item name="android:windowAnimationStyle">@null</item>
        <!--設置窗口的背景爲透明，設置透明背景必須要設置此項-->
        <item name="android:windowBackground">@android:color/transparent</item>
        <!--設置窗口的背景是否爲半透明，設置透明背景必須要設置此項-->
        <item name="android:windowIsTranslucent">true</item>
        <!--設置狀態欄的背景爲半透明-->
        <item name="android:windowTranslucentStatus">true</item>
    </style>

以上即可。