Flutter中关于angle的踩坑记录
这个问题是我最近做业务开发和业余开发都遇到的，这里的 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 等了将近两个月才合并。
总结
到此这篇关于Flutter中关于angle踩坑的文章就介绍到这了,更多相关Flutter中angle坑内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
详解Android的OkHttp包编写异步HTTP请求调用的方法
OkHttp支持Callback异步回调来实现线程的非阻塞,下面我们就来详解Android的OkHttp包编写异步HTTP请求调用的方法,需要的朋友可以参考下2016-07-07
这篇文章主要介绍了Android编程语音识别实现方法,结合实例形式较为详细的分析了Android语音识别的操作步骤与相关实现技巧,需要的朋友可以参考下2016-10-10
本主要介绍Android 程序申请权限注意事项，这里整理了相关资料，并详细说明如何避免开发的程序支持设备减少，有需要的小伙伴可以参考下2016-09-09
这篇文章主要为大家介绍了Android ViewStub使用方法学习，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
今天小编就为大家分享一篇关于Android应用动态修改主题的方法示例，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-03-03
这篇文章主要为大家详细介绍了Android Studio简单实现自定义日历，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
Android Studio3.6.+ 插件搜索不到终极解决方案(图文详解)
这篇文章主要介绍了Android Studio3.6.+ 插件搜索不到终极解决方案，本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-05-05
Android编程使用AlarmManager设置闹钟的方法
这篇文章主要介绍了Android编程使用AlarmManager设置闹钟的方法,结合具体实例分析了Android基于AlarmManager实现闹钟功能的设置、取消、显示等相关操作技巧,需要的朋友可以参考下2017-03-03
这篇文章主要为大家介绍了Android OpenCV基础API清晰度亮度识别检测，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-01-01
这篇文章主要为大家详细介绍了Android悬浮窗按钮实现点击并显示/隐藏多功能列表，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-07-07
最新评论