Flutter22.3d

最新推荐文章于 2024-01-22 09:18:49 发布

augfun

最新推荐文章于 2024-01-22 09:18:49 发布

阅读量212

点赞数

分类专栏： Flutter

本文链接：https://blog.csdn.net/augfun/article/details/106990369

版权

Flutter 专栏收录该内容

56 篇文章 1 订阅

订阅专栏

ex:

import 'package:flutter/material.dart';

void main() => runApp(MaterialApp(
  home: HomePage(),
));

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  Offset _offset = Offset.zero;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Transform(
          transform: Matrix4.identity()
            ..setEntry(3, 2, 0.001)//设置3D效果
            ..rotateX(_offset.dy * 0.01)//x轴旋转
            ..rotateY(_offset.dx * 0.01),//y轴旋转
         child: GestureDetector(
            onPanUpdate: (details) {
              setState(() {
                _offset += details.delta;//更新offset（point），delta就是坐标
              });
            },
            onDoubleTap: () {//双击动画还原，回到原点
              setState(() {
                _offset = Offset.zero;
              });
            },
            child: Container(
              width: 200.0,
              height: 200.0,
              color: Color(0xffff0000),
            ),
          ),
        ),
      ),
    );
  }
}

输出：