如何在android中使视图周围的区域变暗？

Posted 2023-02-26

【中文标题】如何在android中使视图周围的区域变暗？

【英文标题】：How to dim the area around a view in android?

【发布时间】：2016-06-18 18:40:18

【问题描述】：

我正在尝试进行一项需要将​​方形区域显示为重点的活动。 到目前为止，我已经做到了。

现在我想要的是使广场外的区域变暗。 使用 framelayout 会使整个视图变暗。我只想调暗广场外的区域。

【问题讨论】：

您可以将背景颜色设置为半透明黑色以形成阴影。也许发布你的整个布局 xml，这样就可以清楚地把它放在哪里。 @pryankvex

【参考方案1】：

你可以画一个黑色的半透明矩形，然后用paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT));画一个内矩形

由于我对您的布局一无所知，所以我给出了一个带有 CustomOverlay 类的完整示例：

my_activity.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_
    android:layout_
    android:orientation="vertical">

    <fragment
        android:layout_
        android:layout_
        android:id="@+id/map"
        android:name="com.google.android.gms.maps.SupportMapFragment" />

    <mypackage.CustomOverlay
        android:layout_
        android:layout_
        android:layout_centerInParent="true" />

</RelativeLayout>

（我使用地图而不是相机作为基本视图）

CustomOverlay.java

public class CustomOverlay extends LinearLayout 
    private Bitmap windowFrame;

    public CustomOverlay(Context context) 
        super(context);
    

    public CustomOverlay(Context context, AttributeSet attrs) 
        super(context, attrs);
    

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

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public CustomOverlay(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) 
        super(context, attrs, defStyleAttr, defStyleRes);
    

    @Override
    protected void dispatchDraw(Canvas canvas) 
        super.dispatchDraw(canvas);

        if (windowFrame == null) 
            createWindowFrame();
        
        canvas.drawBitmap(windowFrame, 0, 0, null);
    

    @Override
    public boolean isEnabled() 
        return false;
    

    @Override
    public boolean isClickable() 
        return false;
    

    protected void createWindowFrame() 
        windowFrame = Bitmap.createBitmap(getWidth(), getHeight(), Bitmap.Config.ARGB_8888);
        Canvas osCanvas = new Canvas(windowFrame);

        RectF outerRectangle = new RectF(0, 0, getWidth(), getHeight());

        Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setColor(Color.argb(150, 0, 0, 0));
        osCanvas.drawRect(outerRectangle, paint);

        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT));
        RectF innerRectangle = new RectF(100, 200, getWidth() - 100, getHeight() - 200);
        osCanvas.drawRect(innerRectangle, paint);

        paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        paint.setStrokeWidth(5);
        paint.setColor(Color.WHITE);
        paint.setStyle(Paint.Style.STROKE);
        osCanvas.drawRect(innerRectangle, paint);
    

    @Override
    public boolean isInEditMode() 
        return true;
    

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) 
        super.onLayout(changed, l, t, r, b);
        windowFrame = null;
    

结果如下：

【讨论】：

您将如何做才能调整矩形视图的大小并且暗淡的视图将紧随其后，使其完美流畅？