hongshaorou/rustdesk
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

switch scale mode if 3 fingers tap

Browse Source
This commit is contained in:
open-trade 2020-11-23 13:03:51 +08:00
parent 8090726649
commit d73d3166d3
2 changed files with 204 additions and 151 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

104
flutter_hbb/lib/drag.dart Normal file
View File

@ -0,0 +1,104 @@
import 'package:flutter/gestures.dart';
class MultiTouchGestureRecognizer extends MultiTapGestureRecognizer {
MultiTouchGestureRecognizerCallback onMultiTap;
var numberOfTouches = 0;
MultiTouchGestureRecognizer() {
this
..onTapDown = addTouch
..onTapUp = removeTouch
..onTapCancel = cancelTouch
..onTap = captureDefaultTap;
}
void addTouch(int pointer, TapDownDetails details) {
numberOfTouches++;
onMultiTap(numberOfTouches, true);
}
void removeTouch(int pointer, TapUpDetails details) {
numberOfTouches--;
onMultiTap(numberOfTouches, false);
}
void cancelTouch(int pointer) {
numberOfTouches = 0;
}
void captureDefaultTap(int pointer) {}
}
typedef MultiTouchGestureRecognizerCallback = void Function(
int touchCount, bool addOrRemove);
typedef OnUpdate(DragUpdateDetails details);
class CustomMultiDrag extends Drag {
CustomMultiDrag({this.events, this.offset});
List<PointerDownEvent> events;
Offset offset;
@override
void update(DragUpdateDetails details) {
var n = events.length;
print('$n $details');
}
@override
void end(DragEndDetails details) {
super.end(details);
}
}
typedef OnDisposeState();
// clone _ImmediatePointerState
class CustomPointerState extends MultiDragPointerState {
final OnDisposeState onDisposeState;
CustomPointerState(Offset initialPosition, PointerDeviceKind kind,
{this.onDisposeState})
: super(initialPosition, kind);
@override
void checkForResolutionAfterMove() {
assert(pendingDelta != null);
if (pendingDelta.distance > computeHitSlop(kind))
resolve(GestureDisposition.accepted);
}
@override
void accepted(GestureMultiDragStartCallback starter) {
starter(initialPosition);
}
@override
void dispose() {
onDisposeState.call();
super.dispose();
}
}
// clone ImmediateMultiDragGestureRecognizer
class CustomMultiDragGestureRecognizer
extends MultiDragGestureRecognizer<CustomPointerState> {
var events = List<PointerDownEvent>();
/// Create a gesture recognizer for tracking multiple pointers at once.
CustomMultiDragGestureRecognizer({
Object debugOwner,
PointerDeviceKind kind,
}) : super(debugOwner: debugOwner, kind: kind);
@override
CustomPointerState createNewPointerState(PointerDownEvent event) {
events.add(event);
return CustomPointerState(event.position, event.kind, onDisposeState: () {
events.remove(event);
});
}
@override
String get debugDescription => 'custom_multidrag';
}

251
flutter_hbb/lib/remote_page.dart
View File

@ -7,9 +7,10 @@ import 'package:flutter_easyloading/flutter_easyloading.dart';
import 'dart:async'; import 'dart:async';
import 'dart:math' as math; import 'dart:math' as math;
import 'package:tuple/tuple.dart'; import 'package:tuple/tuple.dart';
import 'common.dart';
import 'model.dart';
import 'package:wakelock/wakelock.dart'; import 'package:wakelock/wakelock.dart';
import 'common.dart';
import 'drag.dart';
import 'model.dart';
class RemotePage extends StatefulWidget { class RemotePage extends StatefulWidget {
RemotePage({Key key, this.id}) : super(key: key); RemotePage({Key key, this.id}) : super(key: key);
@ -26,6 +27,7 @@ class _RemotePageState extends State<RemotePage> {
bool _showBar = true; bool _showBar = true;
double _bottom = 0; double _bottom = 0;
bool _pan = false; bool _pan = false;
var _scaleMode = false;
final FocusNode _focusNode = FocusNode(); final FocusNode _focusNode = FocusNode();
@override @override
@ -162,106 +164,7 @@ class _RemotePageState extends State<RemotePage> {
) )
: null, : null,
body: RawGestureDetector( body: RawGestureDetector(
gestures: { gestures: buildGuestures(),
MultiTouchGestureRecognizer:
GestureRecognizerFactoryWithHandlers<
MultiTouchGestureRecognizer>(
() => MultiTouchGestureRecognizer(),
(MultiTouchGestureRecognizer instance) {
instance.onMultiTap = (
touchCount,
addOrRemove,
) =>
print('$touchCount, $addOrRemove');
},
),
TapGestureRecognizer:
GestureRecognizerFactoryWithHandlers<TapGestureRecognizer>(
() => TapGestureRecognizer(),
(TapGestureRecognizer instance) {
instance.onTap = () {
print('tap');
};
},
),
ImmediateMultiDragGestureRecognizer:
GestureRecognizerFactoryWithHandlers<
ImmediateMultiDragGestureRecognizer>(
() => ImmediateMultiDragGestureRecognizer(),
(ImmediateMultiDragGestureRecognizer instance) {
instance
..onStart = (x) {
return CustomDrag();
};
},
),
LongPressGestureRecognizer:
GestureRecognizerFactoryWithHandlers<
LongPressGestureRecognizer>(
() => LongPressGestureRecognizer(),
(LongPressGestureRecognizer instance) {
var x = 0.0;
var y = 0.0;
instance
..onLongPressStart = (details) {
x = details.globalPosition.dx;
y = details.globalPosition.dy;
}
..onLongPress = () {
print('long press');
() async {
await showMenu(
context: context,
position: RelativeRect.fromLTRB(x, y, 0, 0),
items: [
PopupMenuItem<String>(
child: const Text('Doge'), value: 'Doge'),
PopupMenuItem<String>(
child: const Text('Lion'), value: 'Lion'),
],
elevation: 8.0,
);
}();
};
},
),
PanGestureRecognizer:
GestureRecognizerFactoryWithHandlers<PanGestureRecognizer>(
() => PanGestureRecognizer(),
(PanGestureRecognizer instance) {
instance
..onStart = (detail) {
print('pan start');
}
..onUpdate = (detail) {
print('$detail');
};
},
),
ScaleGestureRecognizer: GestureRecognizerFactoryWithHandlers<
ScaleGestureRecognizer>(
() => ScaleGestureRecognizer(),
(ScaleGestureRecognizer instance) {
instance
..onStart = (detail) {
print('scale start');
}
..onUpdate = (detail) {
print('$detail');
};
},
),
DoubleTapGestureRecognizer:
GestureRecognizerFactoryWithHandlers<
DoubleTapGestureRecognizer>(
() => DoubleTapGestureRecognizer(),
(DoubleTapGestureRecognizer instance) {
instance.onDoubleTap = () {
print('double tap');
};
},
),
},
child: FlutterEasyLoading( child: FlutterEasyLoading(
child: Container( child: Container(
color: MyTheme.canvasColor, color: MyTheme.canvasColor,
@ -288,6 +191,101 @@ class _RemotePageState extends State<RemotePage> {
)); ));
} }
Map<Type, GestureRecognizerFactory> buildGuestures() {
var m = {
TapGestureRecognizer:
GestureRecognizerFactoryWithHandlers<TapGestureRecognizer>(
() => TapGestureRecognizer(),
(TapGestureRecognizer instance) {
instance.onTap = () {
print('tap');
};
},
),
MultiTouchGestureRecognizer:
GestureRecognizerFactoryWithHandlers<MultiTouchGestureRecognizer>(
() => MultiTouchGestureRecognizer(),
(MultiTouchGestureRecognizer instance) {
instance.onMultiTap = (
touchCount,
addOrRemove,
) {
if (touchCount == 3 && addOrRemove) {
setState(() => _scaleMode = !_scaleMode);
}
};
},
),
CustomMultiDragGestureRecognizer: GestureRecognizerFactoryWithHandlers<
CustomMultiDragGestureRecognizer>(
() => CustomMultiDragGestureRecognizer(),
(CustomMultiDragGestureRecognizer instance) {
instance
..onStart = (offset) {
return CustomMultiDrag(events: instance.events, offset: offset);
};
},
),
LongPressGestureRecognizer:
GestureRecognizerFactoryWithHandlers<LongPressGestureRecognizer>(
() => LongPressGestureRecognizer(),
(LongPressGestureRecognizer instance) {
var x = 0.0;
var y = 0.0;
instance
..onLongPressStart = (details) {
x = details.globalPosition.dx;
y = details.globalPosition.dy;
}
..onLongPress = () {
print('long press');
() async {
await showMenu(
context: context,
position: RelativeRect.fromLTRB(x, y, 0, 0),
items: [
PopupMenuItem<String>(
child: const Text('Doge'), value: 'Doge'),
PopupMenuItem<String>(
child: const Text('Lion'), value: 'Lion'),
],
elevation: 8.0,
);
}();
};
},
),
ScaleGestureRecognizer:
GestureRecognizerFactoryWithHandlers<ScaleGestureRecognizer>(
() => ScaleGestureRecognizer(),
(ScaleGestureRecognizer instance) {
instance
..onStart = (detail) {
print('scale start');
}
..onUpdate = (detail) {
print('$detail');
};
},
),
DoubleTapGestureRecognizer:
GestureRecognizerFactoryWithHandlers<DoubleTapGestureRecognizer>(
() => DoubleTapGestureRecognizer(),
(DoubleTapGestureRecognizer instance) {
instance.onDoubleTap = () {
print('double tap');
};
},
),
};
if (_scaleMode) {
m.remove(CustomMultiDragGestureRecognizer);
} else {
m.remove(ScaleGestureRecognizer);
}
return m;
}
void close() { void close() {
msgbox('', 'Close', 'Are you sure to close the connection?', context); msgbox('', 'Close', 'Are you sure to close the connection?', context);
} }
@ -503,52 +501,3 @@ void showActions(BuildContext context) {
true, true,
0); 0);
} }
class MultiTouchGestureRecognizer extends MultiTapGestureRecognizer {
MultiTouchGestureRecognizerCallback onMultiTap;
var numberOfTouches = 0;
MultiTouchGestureRecognizer() {
this
..onTapDown = addTouch
..onTapUp = removeTouch
..onTapCancel = cancelTouch
..onTap = captureDefaultTap;
}
void addTouch(int pointer, TapDownDetails details) {
numberOfTouches++;
onMultiTap(numberOfTouches, true);
}
void removeTouch(int pointer, TapUpDetails details) {
numberOfTouches--;
onMultiTap(numberOfTouches, false);
}
void cancelTouch(int pointer) {
numberOfTouches--;
print('$numberOfTouches x');
}
void captureDefaultTap(int pointer) {
print('$pointer');
}
}
typedef MultiTouchGestureRecognizerCallback = void Function(
int touchCount, bool addOrRemove);
typedef OnUpdate(DragUpdateDetails details);
class CustomDrag extends Drag {
@override
void update(DragUpdateDetails details) {
print('xx $details');
}
@override
void end(DragEndDetails details) {
super.end(details);
}
}