温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Flutter中关于angle的坑实例分析

发布时间:2022-07-07 10:24:04 来源:亿速云 阅读:138 作者:iii 栏目:开发技术

这篇“Flutter中关于angle的坑实例分析”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Flutter中关于angle的坑实例分析”文章吧。

这里的 angle 指的是旋转弧度。不是旋转角度

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

Flutter中关于angle的坑实例分析

Flutter中关于angle的坑实例分析

Flutter中关于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中关于angle的坑实例分析”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI