Android Xamarin Forms相机界面如何显示缩放百分比数值

完全可以通过 TextView 实现相机视图上的实时缩放百分比展示，相比你当前用的Toast，这种方式显示更连贯无延迟，也不会出现多个Toast排队弹出的问题，具体实现步骤如下：

1. 调整布局结构 #

你需要把相机预览控件和TextView放在**帧布局(FrameLayout)**或者相对布局中，保证TextView可以悬浮在预览层上方，布局示例代码如下：

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <!-- 你的相机预览控件 -->
    <your.namespace.CameraPreviewView
        android:id="@+id/cameraPreview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
    <!-- 缩放百分比展示控件 -->
    <TextView
        android:id="@+id/tv_zoom_percent"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal|top"
        android:layout_marginTop="20dp"
        android:background="#80000000"
        android:paddingHorizontal="12dp"
        android:paddingVertical="6dp"
        android:textColor="@android:color/white"
        android:textSize="16sp"
        android:visibility="gone"/>
</FrameLayout>

2. 初始化控件 #

在你的Activity/Fragment中声明全局变量，并在生命周期初始化方法中绑定控件：

// 全局声明
private TextView _zoomPercentTv;
private Handler _uiHandler = new Handler(Looper.MainLooper);
private Action _hideZoomTextAction;

// OnCreate/OnViewCreated中初始化
_zoomPercentTv = FindViewById<TextView>(Resource.Id.tv_zoom_percent);
_hideZoomTextAction = () => _zoomPercentTv.Visibility = ViewStates.Gone;

3. 修改核心逻辑 #

3.1 替换handleZoom中的Toast逻辑 #

修改后的handleZoom方法如下，替换原有的Toast弹窗为TextView更新，同时增加延迟自动隐藏逻辑，避免缩放百分比长期遮挡预览画面：

private void handleZoom(bool isZoomIn, global::Android.Hardware.Camera camera)
{
    global::Android.Hardware.Camera.Parameters parameters = camera.GetParameters();
    var zoomRatios = camera.GetParameters().ZoomRatios;
    if (parameters.IsZoomSupported)
    {
        int maxZoom = parameters.MaxZoom;
        int zoom = parameters.Zoom;
        if (isZoomIn && zoom < maxZoom)
        {
            zoom++;
        }
        else if(zoom > 0)
        {
            zoom--;
        }
        parameters.Zoom = zoom;
        var zoomValue = Convert.ToDecimal(zoomRatios[zoom]);
        zoomValue = Math.Round((zoomValue / 100), 2);
        // 替换原有Toast逻辑
        _uiHandler.RemoveCallbacks(_hideZoomTextAction);
        _zoomPercentTv.Text = _languageCache.Translate($"{zoomValue}%");
        _zoomPercentTv.Visibility = ViewStates.Visible;
        // 缩放停止1秒后隐藏百分比
        _uiHandler.PostDelayed(_hideZoomTextAction, 1000);

        camera.SetParameters(parameters);
        PrepareAndStartCamera();
    }
    else
    {
        Android.Util.Log.Error("lv", "zoom not supported");
    }
}

3.2 修复原有双指间距计算bug #

你当前的getFingerSpacing方法计算逻辑有误，只获取了单指坐标，无法正确计算双指间距，修正后代码如下：

private static float getFingerSpacing(MotionEvent e)
{
    if(e.PointerCount == 2)
    {
        float x0 = e.GetX(0);
        float y0 = e.GetY(0);
        float x1 = e.GetX(1);
        float y1 = e.GetY(1);
        float dx = x1 - x0;
        float dy = y1 - y0;
        return (float)Math.Sqrt(dx * dx + dy * dy);
    }
    return 0f;
}

注意事项 #

• 如果你的相机预览是自定义SurfaceView/TextureView，一定要保证TextView在布局中的声明顺序在预览控件之后，才能正常悬浮在上方
• 可以根据需要自行调整TextView的位置、样式，比如改到屏幕居中、调整透明度等

内容的提问来源于stack exchange，提问作者newxamarin