網站首頁 編程語言 正文
這個問題是我最近做業務開發和業余開發都遇到的,這里的 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
相關推薦
- 2022-03-16 Oracle表空間管理和用戶管理介紹(oracle表空間與用戶的關系)
- 2022-10-30 詳解Objective?C?中Block如何捕獲外部值_IOS
- 2022-10-18 C++中智能指針最常用的shared_ptr和unique_ptr_C 語言
- 2022-04-28 C++?多線程之互斥量(mutex)詳解_C 語言
- 2022-03-04 在項目中 npm i報錯 npm WARN optional SKIPPING OPTIONAL D
- 2022-08-05 Android自定義Span實現文字漸變效果_Android
- 2022-05-23 C#多線程之線程同步_C#教程
- 2022-11-26 React?DnD如何處理拖拽詳解_React
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支