如何在Xamarin Android相机页面实现变焦缩放数值的UI显示

要实现缩放操作时实时展示变焦倍数，需要三个核心改动：添加悬浮展示控件、计算真实变焦倍数、修改原有变焦逻辑同步更新UI。 #

步骤1：添加变焦倍数展示控件 #

在CameraPageRenderer对应的Android视图层，添加悬浮TextView，置于相机预览层上方，初始状态设为隐藏，样式可自定义为半透明背景、白色文字、顶部居中。

// 类全局声明变焦展示控件
private TextView _zoomTipTextView;
// 在Renderer的OnElementChanged方法中初始化控件
protected override void OnElementChanged(ElementChangedEventArgs<Page> e)
{
    base.OnElementChanged(e);
    if (e.NewElement != null && Control is FrameLayout rootLayout)
    {
        // 初始化变焦提示文本
        _zoomTipTextView = new TextView(Context)
        {
            Visibility = ViewStates.Gone,
            Text = "1.0x",
            TextSize = 16
        };
        _zoomTipTextView.SetTextColor(Android.Graphics.Color.White);
        _zoomTipTextView.SetBackgroundColor(Android.Graphics.Color.Argb(120, 0, 0, 0));
        _zoomTipTextView.SetPadding(20, 10, 20, 10);
        // 设置布局参数：顶部居中，上边距20dp
        var layoutParams = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.WrapContent, ViewGroup.LayoutParams.WrapContent)
        {
            Gravity = GravityFlags.Top | GravityFlags.CenterHorizontal,
            TopMargin = 20 * (int)Context.Resources.DisplayMetrics.Density
        };
        _zoomTipTextView.LayoutParameters = layoutParams;
        // 添加到当前视图根布局
        rootLayout.AddView(_zoomTipTextView);
    }
}

步骤2：修改变焦逻辑，同步更新展示数值 #

原有代码存在冗余问题：变焦操作不需要重新设置PreviewTexture和重启相机，直接更新Parameters即可，否则会导致预览卡顿。
修改后的handleZoom方法如下：

private void handleZoom(bool isZoomIn, global::Android.Hardware.Camera camera)
{
    global::Android.Hardware.Camera.Parameters parameters = camera.GetParameters();
    if (parameters.IsZoomSupported)
    {
        int maxZoom = parameters.MaxZoom;
        int zoom = parameters.Zoom;
        // 调整zoom级别
        if (isZoomIn && zoom < maxZoom)
        {
            zoom++;
        }
        else if (zoom > 0)
        {
            zoom--;
        }
        parameters.Zoom = zoom;
        // 直接设置参数即可，无需重启预览
        camera.SetParameters(parameters);
        // 计算真实变焦倍数：ZoomRatios返回值单位为千分之一，如1000对应1.0x
        var zoomRatio = parameters.ZoomRatios[zoom] / 1000f;
        // 更新UI展示
        UpdateZoomTip($"{zoomRatio:F1}x");
    }
}

步骤3：实现变焦提示的显示/隐藏逻辑 #

添加UpdateZoomTip方法，控制文本更新和操作结束后自动隐藏：

// 全局声明延迟隐藏的Handler
private Handler _zoomHideHandler = new Handler(Looper.MainLooper);
private void UpdateZoomTip(string text)
{
    // 移除之前未执行的隐藏任务
    _zoomHideHandler.RemoveCallbacksAndMessages(null);
    // 更新文本并显示
    _zoomTipTextView.Text = text;
    _zoomTipTextView.Visibility = ViewStates.Visible;
    // 2秒后自动隐藏提示
    _zoomHideHandler.PostDelayed(() => 
    {
        _zoomTipTextView.Visibility = ViewStates.Gone;
    }, 2000);
}

补充：双指间距计算方法实现 #

如果未实现getFingerSpacing方法，可参考以下代码：

private float getFingerSpacing(MotionEvent e)
{
    if (e.PointerCount < 2) return 0;
    float x = e.GetX(0) - e.GetX(1);
    float y = e.GetY(0) - e.GetY(1);
    return FloatMath.Sqrt(x * x + y * y);
}

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