Flutter 基础篇 —— 变换
在Flutter中,你可以使用Matrix4
类来创建不同的变换,如平移(Translation)、旋转(Rotation)和缩放(Scale)。这些变换可以应用于你的widgets,使用Transform
widget来实现。
以下是一个简单的例子,展示了如何应用旋转变换:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Flutter Transform Example'),
),
body: Center(
child: Transform.rotate(
angle: -pi / 4, // 旋转45度逆时针旋转
child: Container(
width: 100,
height: 100,
color: Colors.blue,
),
),
),
),
);
}
}
在这个例子中,我们创建了一个Transform.rotate
来应用一个旋转变换。angle
属性定义了旋转的角度,这里是逆时针旋转45度(使用pi
为圆周率的一半,确保使用正确的符号)。然后我们设置了一个Container
作为子widget,并给它设置了一个颜色和尺寸。
你可以通过调整angle
的值来改变旋转角度,或者使用其他变换,如平移或缩放,来实现不同的效果。
评论已关闭