欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Flutter中關(guān)于angle的踩坑記錄

 更新時間:2022年06月26日 08:53:43   作者:hackware  
考慮到可能有很多同學(xué)還沒有接觸 Flutter,下面這篇文章主要給大家介紹了關(guān)于Flutter中關(guān)于angle的踩坑記錄,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下

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

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

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

我現(xiàn)在還沒搞明白弧度和角度的對應(yīng)關(guān)系,官網(wǎng)文檔中也沒有詳細(xì)說明。但對于我來說,我根本就不想去關(guān)心弧度是多少,我只關(guān)心角度,這個角度的范圍是 [0.0, 360.0]。以圖三中的時鐘為例,旋轉(zhuǎn) 0.0 或 360.0 度時,指針應(yīng)該指向 12,旋轉(zhuǎn) 90.0 度時,指針應(yīng)該指向 3,旋轉(zhuǎn) 180.0 度時,指針應(yīng)該指向 6,旋轉(zhuǎn) 270.0 度時,指針應(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è)計,為啥這么優(yōu)秀的 Flutter 引入了這么糟糕的 API。于是我?guī)е鴼鈶嵔o官方提了個 Issue,想噴一噴設(shè)計這幾個 API 的哥們:

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

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

總結(jié)

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

相關(guān)文章

  • Android+SQLite數(shù)據(jù)庫實(shí)現(xiàn)的生詞記事本功能實(shí)例

    Android+SQLite數(shù)據(jù)庫實(shí)現(xiàn)的生詞記事本功能實(shí)例

    這篇文章主要介紹了Android+SQLite數(shù)據(jù)庫實(shí)現(xiàn)的生詞記事本功能,結(jié)合具體實(shí)例形式分析了Android操作SQLite數(shù)據(jù)庫實(shí)現(xiàn)生詞記錄功能的操作步驟與相關(guān)注意事項,需要的朋友可以參考下
    2017-09-09
  • 詳解Android Dialog對話框的五種形式

    詳解Android Dialog對話框的五種形式

    這篇文章主要為大家詳細(xì)介紹了Android對話框的五種形式,一般對話框,列表對話框,單選按鈕對話框,多選按鈕對話框,自定義對話框,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • Flutter UI實(shí)現(xiàn)側(cè)拉抽屜菜單

    Flutter UI實(shí)現(xiàn)側(cè)拉抽屜菜單

    這篇文章主要為大家詳細(xì)介紹了Flutter UI實(shí)現(xiàn)側(cè)拉抽屜菜單,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-03-03
  • 最新評論