global position

最新推荐文章于 2024-07-16 08:30:00 发布

转载最新推荐文章于 2024-07-16 08:30:00 发布 · 446 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/pythonClub/p/10925187.html

文章标签：

#移动开发

该博客主要围绕Flutter开发展开，展示了在Flutter应用里处理全局位置（globalPosition）的代码示例。通过GestureDetector监听手势，获取全局位置并转换为局部位置，还涉及在画布上绘制线条等操作，属于移动开发领域。

观察,

GestureDetector(
            child: CustomPaint(painter: StudyPaint(points: _points)),
            onPanEnd: (DragEndDetails details)=>_points.add(null),
            onPanUpdate: (DragUpdateDetails details){
              var a = details.globalPosition;
              RenderBox referenceBox = context.findRenderObject();
              Offset localPosition = referenceBox.globalToLocal(details.globalPosition);
              print('a: $a, localposition: $localPosition');
              setState(() {
                _points = List.from(_points)..add(localPosition);
              });
            },
          ),

减了3个 h

import 'package:flutter/material.dart';

main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      home: HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return HomePageState();
  }
}

class HomePageState extends State<HomePage> {
  List<Offset> _points = <Offset>[];

  @override
  Widget build(BuildContext context) {
//    print(_points);
  var h = MediaQuery.of(context).padding.top;
  var b = MediaQuery.of(context).padding.bottom;
//  print('h: $h, b: $b');

    return Scaffold(
      appBar: AppBar(title: Text('Painter'),),
      body: Container(
          width: MediaQuery.of(context).size.width, height: MediaQuery.of(context).size.height-h,
          child: Stack(
            children: <Widget>[
              GestureDetector(
//                child:
                onPanEnd: (DragEndDetails details)=>_points.add(null),
                onPanUpdate: (DragUpdateDetails details){
                  var a = details.globalPosition;
                  var x = Offset(a.dx, a.dy-h-h-h);
                  RenderBox referenceBox = context.findRenderObject();
                  Offset localPosition = referenceBox.globalToLocal(details.globalPosition);
//              print('a: $a, x: $x, localposition: $localPosition');
                  setState(() {
                    _points = List.from(_points)..add(x);
                  });
                },
              ),
              CustomPaint(painter: StudyPaint(points: _points)),
            ],
          )
      ),
    );
  }
}

class StudyPaint extends CustomPainter {
  StudyPaint({this.points});
  List<Offset> points;

  @override
  void paint(Canvas canvas, Size size) {
    print(points);
    Paint paint = Paint()
        ..color = Colors.blue
        ..strokeCap = StrokeCap.round
        ..isAntiAlias = true
      ..strokeJoin = StrokeJoin.bevel
        ..strokeWidth = 12.0;

    for(int i=0; i<points.length; i++){
      if(points[i]!=null && points[i+1]!=null)
        canvas.drawLine(points[i], points[i+1], paint);
    }

  }

  @override
  bool shouldRepaint(StudyPaint other) => other.points!=points;
}

import 'package:flutter/material.dart';

main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      home: HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return HomePageState();
  }
}

class HomePageState extends State<HomePage> {
  List<Offset> _points = <Offset>[];

  @override
  Widget build(BuildContext context) {
//    print(_points);
  var h = MediaQuery.of(context).padding.top;
  print('h: $h');
    return Scaffold(
      appBar: AppBar(title: Text('Painter'),),
      body: Center(
        child: Container(
          width: double.infinity, height: double.infinity,
          child: GestureDetector(
            child: CustomPaint(painter: StudyPaint(points: _points)),
            onPanEnd: (DragEndDetails details)=>_points.add(null),
            onPanUpdate: (DragUpdateDetails details){
              var a = details.globalPosition;
              RenderBox referenceBox = context.findRenderObject();
              Offset localPosition = referenceBox.globalToLocal(details.globalPosition);
              print('a: $a, localposition: $localPosition');
              setState(() {
                _points = List.from(_points)..add(localPosition);
              });
            },
          ),
        ),
      ),
    );
  }
}

class StudyPaint extends CustomPainter {
  StudyPaint({this.points});
  List<Offset> points;

  @override
  void paint(Canvas canvas, Size size) {
    Paint paint = Paint()
        ..color = Colors.blue
        ..strokeCap = StrokeCap.round
        ..isAntiAlias = true
        ..strokeWidth = 12.0
        ..strokeJoin = StrokeJoin.bevel;

    for(int i=0; i<points.length; i++){
      if(points[i]!=null && points[i+1]!=null)
        canvas.drawLine(points[i], points[i+1], paint);
    }

  }

  @override
  bool shouldRepaint(StudyPaint other) => other.points!=points;
}

转载于:https://www.cnblogs.com/pythonClub/p/10925187.html