Flutter中如何获取InteractiveViewer的平移(panning)坐标数值？

InteractiveViewer的变换状态可以通过TransformationController直接读取，无需手动监听手势计算平移量，具体实现流程如下：

实现步骤 #

• 初始化TransformationController实例，绑定到InteractiveViewer的controller参数上

final TransformationController _transformController = TransformationController();

// 绑定示例
@override
Widget build(BuildContext context) {
  return InteractiveViewer(
    controller: _transformController,
    // 其余配置参数
  );
}

• 读取x、y方向平移量以及当前缩放系数，TransformationController返回的Matrix4矩阵中，索引12对应x轴平移值、索引13对应y轴平移值、索引0对应当前缩放系数

// 获取panning数值
double panX = _transformController.value[12];
double panY = _transformController.value[13];
// 获取当前缩放比例
double scale = _transformController.value[0];

• 修正触摸点位偏移量，将全局触摸坐标转换为InteractiveViewer内部的实际坐标

// 假设你通过Listener/ GestureDetector获取到的全局触摸offset为globalOffset
Offset correctedOffset = (globalOffset - Offset(panX, panY)) / scale;

注意事项 #

• 如果需要实时获取变换状态，可在onInteractionUpdate回调中同步读取矩阵参数，每次手势交互更新时都会触发该回调
• 不要直接修改_transformController.value的单个属性，需要调整变换状态时调用toScene方法或者整体赋值新的Matrix4实例，避免出现状态异常

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