拖动示例class DragWidget extends StatefulWidget{@override_DragWidgetState createState() {// TODO: implement createStatereturn _DragWidgetState();}
}class _DragWidgetState extends State<DragWidget> {GlobalKey stackKey = GlobalKey();GlobalKey btnKey = GlobalKey();double _left = 0.0;double _top = 0.0;double _areaWidth = 0.0;double _areaHeight = 0.0;@overridevoid initState() {// TODO: implement initStatesuper.initState();WidgetsBinding.instance.addPostFrameCallback((duration) {setState(() {_areaWidth = stackKey.currentContext.size.width - btnKey.currentContext.size.width;_areaHeight = stackKey.currentContext.size.height - btnKey.currentContext.size.height;});});}@overrideWidget build(BuildContext context) {// TODO: implement buildreturn Stack(key: stackKey,children: <Widget>[Positioned(top: _top,left: _left,child: GestureDetector(child: FloatingActionButton(key: btnKey,child: Text('drag'),),onPanUpdate: (e) {setState(() {_left += e.delta.dx;_top += e.delta.dy;if (_left < 0) {_left = 0;} else if (_left > _areaWidth) {_left = _areaWidth;}if (_top < 0) {_top = 0;} else if (_top > _areaHeight) {_top = _areaHeight;}});},))],);}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
效果展示将onPanUpdate改为onVerticalDragUpdate即可变为只能在竖直方向上拖动，onHorizontalDragUpdate同理。三、缩放
class ScaleWidget extends StatefulWidget{@override_ScaleWidgetState createState() {// TODO: implement createStatereturn _ScaleWidgetState();}
}
class _ScaleWidgetState extends State<ScaleWidget>{double _width = 300.0;double _height = 200.0;@overrideWidget build(BuildContext context) {// TODO: implement buildreturn Center(child: GestureDetector(child: Container(constraints: BoxConstraints.tight(Size(_width, _height)),color: Colors.blue,),onScaleUpdate: (e) {print(e);setState(() {// 限制宽度缩放比例在0.7-1.2之间，如果超过这个范围，Container会变为原来的大小_width = 300* e.scale.clamp(0.7, 1.2);_height = 200*e.scale.clamp(0.7, 1.2);});},));}
}
————————————————
版权声明：本文为CSDN博主「MAXLZ」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_33635385/article/details/102732658