栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何计算Flutter中的触摸坐标?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何计算Flutter中的触摸坐标?

您可以将GestureDetector添加为堆栈的父级,然后注册

onTapDownDetails
侦听器。这应该在每个tapdown事件上调用您的侦听器,并在您的侦听器的TapDownDetails参数中使用Tap的全局偏移量。

这是演示相同代码的示例代码。

import 'package:flutter/material.dart';void main() {  runApp(new MyApp());}class MyApp extends StatelessWidget {  @override  Widget build(BuildContext context) {    return new MaterialApp(      title: 'Flutter Demo',      home: new MyHomePage(),    );  }}class MyHomePage extends StatefulWidget {  @override  MyHomePageState createState() => new MyHomePageState();}class MyHomePageState extends State<MyHomePage> {  @override  Widget build(BuildContext context) {    return new Scaffold(        appBar: new AppBar(          title: new Text('Popup Demo'),        ),        body: new MyWidget());  }}class MyWidget extends StatefulWidget {  @override  State<StatefulWidget> createState() {    return new MyWidgetState();  }}class MyWidgetState extends State<MyWidget> {  double posx = 100.0;  double posy = 100.0;  void onTapDown(BuildContext context, TapDownDetails details) {    print('${details.globalPosition}');    final RenderBox box = context.findRenderObject();    final Offset localOffset = box.globalToLocal(details.globalPosition);    setState(() {      posx = localOffset.dx;      posy = localOffset.dy;    });  }  @override  Widget build(BuildContext context) {    return new GestureDetector(      onTapDown: (TapDownDetails details) => onTapDown(context, details),      child: new Stack(fit: StackFit.expand, children: <Widget>[        // Hack to expand stack to fill all the space. There must be a better        // way to do it.        new Container(color: Colors.white),        new Positioned(          child: new Text('hello'),          left: posx,          top: posy,        )      ]),    );  }}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/418513.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号