在描述 TapToFocus 的 CameraX 中的 Preview 中绘制圆

Question

我正在尝试使用 CameraX Api 实现 TapToFocus 功能。我已成功实现它，但不知道如何在描述用户按下的位置的预览上画一个圆圈。

I want to have a circle in the preview like the image has

Answer 1

有很多方法可以围绕PreviewView 的点击位置绘制对焦环并为其设置动画，其中一些方法比其他方法更精美。一种简单的方法是：

1. 创建一个环的Drawable，例如this。

2. 在PreviewView 之上布局一个包含Drawable 的ImageView，并最初隐藏它。

<FrameLayout ...>

    <androidx.camera.view.PreviewView
        ... />

    <ImageView
        android:id="@+id/focusRing"
        android:src="@drawable/focus_ring"
        android:visibility="invisible"
        ... />

</FrameLayout>

1. 在PreviewView 上设置触摸监听器。在触摸事件中，使用事件的坐标来显示它周围的环。

private void animateFocusRing(float x, float y) {
    ImageView focusRing = findViewById(R.id.focusRing);

    // Move the focus ring so that its center is at the tap location (x, y)
    float width = focusRing.getWidth();
    float height = focusRing.getHeight();
    focusRing.setX(x - width / 2);
    focusRing.setY(y - height / 2);

    // Show focus ring
    focusRing.setVisibility(View.VISIBLE);
    focusRing.setAlpha(1F);

    // Animate the focus ring to disappear
    focusRing.animate()
        .setStartDelay(500)
        .setDuration(300)
        .alpha(0F)
        .setListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationEnd(Animator animator) {
                focusRing.setVisibility(View.INVISIBLE);
            }

            // The rest of AnimatorListener's methods.
        });
}