Flutter中關于angle的踩坑記錄
這個問題是我最近做業(yè)務開發(fā)和業(yè)余開發(fā)都遇到的，這里的 angle 指的是旋轉弧度。不是旋轉角度。
先看一下我使用 angle 的場景吧：
圖一中使用了 canvas.drawArc，傳入了 startAngle 和 sweepAngle。圖二也是如此。圖三是 Flutter ConstraintLayout 中圓形定位的 example，我沒有使用 Flutter ConstraintLayout 自帶的旋轉能力，而是用了 Transform.rotate，傳入了 angle。Flutter ConstraintLayout 自帶的對 Widget 的旋轉能力用了 canvas.rotate，也傳入了 angle。
我現(xiàn)在還沒搞明白弧度和角度的對應關系，官網(wǎng)文檔中也沒有詳細說明。但對于我來說，我根本就不想去關心弧度是多少，我只關心角度，這個角度的范圍是 [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 官方為什么要這么設計，為啥這么優(yōu)秀的 Flutter 引入了這么糟糕的 API。于是我?guī)е鴼鈶嵔o官方提了個 Issue，想噴一噴設計這幾個 API 的哥們：
結果我被反殺了。
冷靜下來之后，我決定提交一個 Pull Request 來修正這個 API。但這需要時間，因為提交 Pull Request 的周期很長，上次我提了個 bug，Oppo 的一個哥們修復了它，Pull Request 等了將近兩個月才合并。
總結
到此這篇關于Flutter中關于angle踩坑的文章就介紹到這了,更多相關Flutter中angle坑內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
Activity相對布局控件的位置是與其周圍控件的位置相關的，從名字可以看出來，這些位置都是相對的，確定出了其中一個控件的位置就可以確定另一個控件的位置,下面用實例說明Activity相對布局的使用方法2013-11-11
這篇文章主要為大家詳細介紹了Android使用okHttp(get方式)下載圖片，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
Android中SparseArray性能優(yōu)化的使用方法
這篇文章主要為大家詳細介紹了Android中SparseArray性能優(yōu)化的使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-04-04
這篇文章主要介紹了Android編程之內存溢出解決方案（OOM）,結合實例實例總結分析了Android編程過程中常見的內存溢出情況與對應的解決方法,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
Kotlin的數(shù)據(jù)容器分為數(shù)組和集合。其中集合分為集合Set、隊列List、映射Map等三種集合，每種又包括只讀和可變兩種類型，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習吧2022-09-09
Android App中各種數(shù)據(jù)保存方式的使用實例總結
這篇文章主要介紹了Android App中各種數(shù)據(jù)保存方式的使用實例,列舉了SharedPreferences接口、機身空間存儲、SD卡存儲和SQLite數(shù)據(jù)庫四種方式的代碼例子,需要的朋友可以參考下2016-04-04
Android中創(chuàng)建一個透明的進度對話框實例
這篇文章主要介紹了Android中創(chuàng)建一個透明的進度對話框實例,需要的朋友可以參考下2014-05-05
Android+SQLite數(shù)據(jù)庫實現(xiàn)的生詞記事本功能實例
這篇文章主要介紹了Android+SQLite數(shù)據(jù)庫實現(xiàn)的生詞記事本功能,結合具體實例形式分析了Android操作SQLite數(shù)據(jù)庫實現(xiàn)生詞記錄功能的操作步驟與相關注意事項,需要的朋友可以參考下2017-09-09
這篇文章主要為大家詳細介紹了Android對話框的五種形式，一般對話框，列表對話框，單選按鈕對話框，多選按鈕對話框，自定義對話框，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要為大家詳細介紹了Flutter UI實現(xiàn)側拉抽屜菜單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03