在 Flutter 中,Transform 小部件用于在其子小部件上应用 2D 变换,例如旋转、缩放和平移。

要使用 Transform 小部件,首先导入 Flutter 的 material 库:

import 'package:flutter/material.dart';

然后,在需要使用 Transform 的地方创建一个 Transform 小部件,并将要进行变换的子小部件作为其子项。

例如,以下示例将在一个容器内创建一个红色的方形,并应用一个旋转变换:

Transform(
  transform: Matrix4.rotationZ(0.2),
  child: Container(
    width: 100,
    height: 100,
    color: Colors.red,
  ),
)

在上面的示例中,Matrix4.rotationZ(0.2) 表示将矩阵绕 Z 轴旋转 0.2 弧度。通过将该旋转变换应用于 Transform 小部件,容器中的方形将被旋转。

你可以使用其他 Matrix4 变换方法,如 Matrix4.rotationXMatrix4.rotationYMatrix4.translationValues 等来应用其他类型的变换。

Flutter Transform 使用指南:旋转、缩放和平移

原文地址: https://www.cveoy.top/t/topic/qxZw 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录