flutter组件transform属性，多种变化串联

最新推荐文章于 2024-04-01 08:19:35 发布

whistle哨子

最新推荐文章于 2024-04-01 08:19:35 发布

阅读量268

点赞数

分类专栏： flutter 文章标签： flutter

本文链接：https://blog.csdn.net/weixin_44539199/article/details/128683338

版权

flutter 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

本文介绍了在Dart编程中，如何使用级联运算符(..)来串联多个变换操作，如Matrix4的skewX、translate和rotateZ，以实现组件的复杂变换，如斜切、平移和旋转。级联运算符允许对同一对象进行连续调用而不关注中间方法的返回值，确保了transform字段接收到的是正确的Matrix4实例。

摘要由CSDN通过智能技术生成

当一个组件需要多种transform变化时，可以使用dart里的级联运算符..进行串联

Container(
  width: 100,
  height: 100,
  // 同时实现斜切、平移与旋转
  transform: Matrix4.skewX(0.2)..translate(-10.0)..rotateZ(0.2),
)

官方链接: 《级联运算符使用》

..级联运算符可以实现对同一对象的链式调用，且在调用过程中忽略方法的返回值。

上面的例程中：
1） Matrix4.skewX(0.2)工厂函数（或者理解成命名构造函数）返回Matrix4实例对象；
2) 链式调用实例方法translate (注意：这里是实例方法，不是类的工厂函数translationValues)，这里如果用.的话就会导致返回值是void，而transform字段需要的是Matrix4对象；使用..则会忽略返回值，使整个链式调用始终返回的是 Matrix4.skewX(0.2)创建的实例对象；
3）链式调用实例方法rotateZ，仍然使用..，原因同上