gpt4 book ai didi

dart - 如何围绕指定的 anchor 旋转 2D 容器小部件?

转载 作者:IT老高 更新时间:2023-10-28 12:31:16 25 4
gpt4 key购买 nike

I'd like to perform a very simple 2D rotation of a Container widget (that contains a handful of other widgets.) This widget would be rotated around a single fixed point in the center, with no deformations.

I tried using the transform property with Matrix4.rotationZ, which somewhat works – but the anchor point is in the top-left corner, not in the center. Is there an easy way to specify that anchor point?

Furthermore, is there an easier way to 2D-rotate this widget that doesn't require Matrix4?

desired and actual transformations

var container = new Container (
child: new Stack (
children: [
new Image.asset ( // background photo
"assets/texture.jpg",
fit: ImageFit.cover,
),
new Center (
child: new Container (
child: new Text (
"Lorem ipsum",
style: new TextStyle(
color: Colors.white,
fontSize: 42.0,
fontWeight: FontWeight.w900
)
),
decoration: new BoxDecoration (
backgroundColor: Colors.black,
),
padding: new EdgeInsets.fromLTRB(16.0, 16.0, 16.0, 16.0),
transform: new Matrix4.rotationZ(0.174533), // rotate -10 deg
),
),
],
),
width: 400.0,
height: 200.0,
);

最佳答案

您可以使用 RotatedBox Widget 来旋转任何小部件:

RotatedBox(
quarterTurns: 3,
child: Container(
color:Colors.red
),
),

关于dart - 如何围绕指定的 anchor 旋转 2D 容器小部件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41603111/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com