Flutter中關于angle的坑實例分析

這篇“Flutter中關于angle的坑實例分析”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“Flutter中關于angle的坑實例分析”文章吧。

這里的 angle 指的是旋轉弧度。不是旋轉角度。

先看一下我使用 angle 的場景吧：

圖一中使用了 canvas.drawArc，傳入了 startAngle 和 sweepAngle。圖二也是如此。圖三是 Flutter ConstraintLayout 中圓形定位的 example，我沒有使用 Flutter ConstraintLayout 自帶的旋轉能力，而是用了 Transform.rotate，傳入了 angle。Flutter ConstraintLayout 自帶的對 Widget 的旋轉能力用了 canvas.rotate，也傳入了 angle。

我現在還沒搞明白弧度和角度的對應關系，官網文檔中也沒有詳細說明。但對于我來說，我根本就不想去關心弧度是多少，我只關心角度，這個角度的范圍是 [0.0, 360.0]。以圖三中的時鐘為例，旋轉 0.0 或 360.0 度時，指針應該指向 12，旋轉 90.0 度時，指針應該指向 3，旋轉 180.0 度時，指針應該指向 6，旋轉 270.0 度時，指針應該指向 9。

于是我們需要將旋轉弧度轉換成旋轉角度，我研究出的轉換公式如下：

Transform.rotate：

pi + pi * (angle / 180)

canvas.rotate：

angle * pi / 180

canvas.drawArc：

startAngle = -pi / 2
sweepAngle = angle * pi / 180

看見沒有，這三類旋轉的轉換公式都不一樣。

以上就是關于“Flutter中關于angle的坑實例分析”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。