按住圖片可以拖動圖片，雙指可以對圖片進行旋轉、縮放，這樣的功能在Flutter 中實現并不難，使用?Transform 變換可以輕松實現。

大家也不用發(fā)愁計算規(guī)則，小編已將復雜的邏輯進行封裝：

今天小編將?matrix_gesture_detector_pro 庫發(fā)布到了 pub 插件市場，大家可以搜索到，也可以方便的使用，在你FlUttr項目的配置文件中添加依賴如下：

然后在使用到變換的頁面導包如下：

比如本案例中實現的是對一個圖片進行操作，核心代碼如下：

MatrixGestureDetector 就是核心組件，它主要用來實現監(jiān)測手勢，然后計算手勢，參數 onMatrixUpdate 是當監(jiān)測到有手勢變化時，實時回調

onMatrixUpdate 回調函數?參數說明如下：

• matrix?是綜合矩陣 包括平移、縮放、旋轉

• translationDeltaMatrix 是只包含平衡變換的矩陣

• scaleDeltaMatrix 是只包含縮放的矩陣

• rotationDeltaMatrix 是只包含旋轉的矩陣

關于Matrix4 矩陣的詳細變換，在 《Flutter組件與精講》一書中有詳細論述，有興趣的碼農可以看看：