日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

Flutter中關于angle的踩坑記錄_Android

作者:hackware ? 更新時間: 2022-08-18 編程語言

這個問題是我最近做業務開發和業余開發都遇到的,這里的 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 官方為什么要這么設計,為啥這么優秀的 Flutter 引入了這么糟糕的 API。于是我帶著氣憤給官方提了個 Issue,想噴一噴設計這幾個 API 的哥們:

結果我被反殺了。

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

總結

原文鏈接:https://juejin.cn/post/7112980784343941157

欄目分類
最近更新