這個(gè)問題是我最近做業(yè)務(wù)開發(fā)和業(yè)余開發(fā)都遇到的，這里的 angle 指的是旋轉(zhuǎn)弧度。不是旋轉(zhuǎn)角度。

先看一下我使用 angle 的場(chǎng)景吧：

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

我現(xiàn)在還沒搞明白弧度和角度的對(duì)應(yīng)關(guān)系，官網(wǎng)文檔中也沒有詳細(xì)說明。但對(duì)于我來說，我根本就不想去關(guān)心弧度是多少，我只關(guān)心角度，這個(gè)角度的范圍是 [0.0, 360.0]。以圖三中的時(shí)鐘為例，旋轉(zhuǎn) 0.0 或 360.0 度時(shí)，指針應(yīng)該指向 12，旋轉(zhuǎn) 90.0 度時(shí)，指針應(yīng)該指向 3，旋轉(zhuǎn) 180.0 度時(shí)，指針應(yīng)該指向 6，旋轉(zhuǎn) 270.0 度時(shí)，指針應(yīng)該指向 9。

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

Transform.rotate：

pi + pi * (angle / 180)

canvas.rotate：

angle * pi / 180

canvas.drawArc：

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

看見沒有，這三類旋轉(zhuǎn)的轉(zhuǎn)換公式都不一樣。我不明白 Flutter 官方為什么要這么設(shè)計(jì)，為啥這么優(yōu)秀的 Flutter 引入了這么糟糕的 API。于是我?guī)е鴼鈶嵔o官方提了個(gè) Issue，想噴一噴設(shè)計(jì)這幾個(gè) API 的哥們：

結(jié)果我被反殺了。

冷靜下來之后，我決定提交一個(gè) Pull Request 來修正這個(gè) API。但這需要時(shí)間，因?yàn)樘峤?Pull Request 的周期很長(zhǎng)，上次我提了個(gè) bug，Oppo 的一個(gè)哥們修復(fù)了它，Pull Request 等了將近兩個(gè)月才合并。

總結(jié)

到此這篇關(guān)于Flutter中關(guān)于angle踩坑的文章就介紹到這了,更多相關(guān)Flutter中angle坑內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論