Xamarin MediaElement缩放平移后缩放锚点无法对准当前视口中心问题求解

解决方案 #

核心思路：不要修改AnchorX/AnchorY参数，避免触发控件位置重绘导致跳动。利用你现有平移滑块的百分比逻辑，在缩放变更时同步重新计算平移量，即可保持当前屏幕显示区域为缩放锚点。

步骤1：添加平移量刷新辅助方法 #

在页面的C#代码中新增如下通用方法，用于根据当前缩放比例和平移滑块数值重新计算平移量：

private void RefreshTranslation()
{
    // 控件未初始化完成时直接返回，避免报错
    if (mediaElement == null || Content.Width <= 0 || Content.Height <= 0)
        return;
    
    // 刷新水平平移
    double maxPanX = (mediaElement.Scale * Content.Width - Content.Width) / 2;
    mediaElement.TranslationX = maxPanX * (sliderPanHorizontal.Value / 100);
    
    // 刷新垂直平移
    double maxPanY = (mediaElement.Scale * Content.Height - Content.Height) / 2;
    mediaElement.TranslationY = maxPanY * (sliderPanVertical.Value / 100);
}

步骤2：修改缩放滑块的事件逻辑 #

修改sliderZoom_ValueChanged方法，在更新缩放值后调用上面的辅助方法刷新平移量：

private void sliderZoom_ValueChanged(object sender, EventArgs e) 
{
    if (mediaElement == null || Content.Width <= 0)
        return;
        
    double newZoom = ((sender as Slider).Value / 10) + 1;
    mediaElement.Scale = newZoom;
    // 刷新平移量，保持当前显示区域不变
    RefreshTranslation();
}

原理解释 #

你原有平移逻辑的滑块数值对应的是最大可平移范围的百分比，这个百分比对应的就是视频画面的相对位置。缩放变更后，最大可平移范围会跟随缩放比例变化，用同一个百分比重新计算平移量，就能保证当前显示在屏幕中心的视频画面始终保持在中心位置，完全符合你需要的“以当前屏幕显示区域为锚点缩放”的需求。
该方案不需要修改默认锚点参数，不会出现缩放跳动问题，也兼容你现有的平移滑块操作逻辑。

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