mirror of
https://github.com/rustdesk/rustdesk.git
synced 2024-12-14 11:39:04 +08:00
487 lines
15 KiB
Dart
487 lines
15 KiB
Dart
import 'dart:async';
|
|
import 'dart:io';
|
|
import 'dart:ui' as ui;
|
|
|
|
import 'package:flutter/gestures.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_hbb/models/input_model.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:wakelock/wakelock.dart';
|
|
import 'package:flutter_custom_cursor/flutter_custom_cursor.dart';
|
|
|
|
import '../widgets/remote_menubar.dart';
|
|
import '../../common.dart';
|
|
import '../../mobile/widgets/dialog.dart';
|
|
import '../../models/model.dart';
|
|
import '../../models/platform_model.dart';
|
|
import '../../common/shared_state.dart';
|
|
|
|
bool _isCustomCursorInited = false;
|
|
|
|
class RemotePage extends StatefulWidget {
|
|
const RemotePage({
|
|
Key? key,
|
|
required this.id,
|
|
required this.tabBarHeight,
|
|
}) : super(key: key);
|
|
|
|
final String id;
|
|
final double tabBarHeight;
|
|
|
|
@override
|
|
State<RemotePage> createState() => _RemotePageState();
|
|
}
|
|
|
|
class _RemotePageState extends State<RemotePage>
|
|
with AutomaticKeepAliveClientMixin {
|
|
Timer? _timer;
|
|
String keyboardMode = "legacy";
|
|
final _cursorOverImage = false.obs;
|
|
late RxBool _showRemoteCursor;
|
|
late RxBool _remoteCursorMoved;
|
|
late RxBool _keyboardEnabled;
|
|
|
|
final FocusNode _rawKeyFocusNode = FocusNode();
|
|
var _imageFocused = false;
|
|
|
|
Function(bool)? _onEnterOrLeaveImage4Menubar;
|
|
|
|
late FFI _ffi;
|
|
late Keyboard _keyboard_input;
|
|
late Mouse _mouse_input;
|
|
|
|
void _updateTabBarHeight() {
|
|
_ffi.canvasModel.tabBarHeight = widget.tabBarHeight;
|
|
_mouse_input.tabBarHeight = widget.tabBarHeight;
|
|
}
|
|
|
|
void _initStates(String id) {
|
|
PrivacyModeState.init(id);
|
|
BlockInputState.init(id);
|
|
CurrentDisplayState.init(id);
|
|
KeyboardEnabledState.init(id);
|
|
ShowRemoteCursorState.init(id);
|
|
RemoteCursorMovedState.init(id);
|
|
_showRemoteCursor = ShowRemoteCursorState.find(id);
|
|
_keyboardEnabled = KeyboardEnabledState.find(id);
|
|
_remoteCursorMoved = RemoteCursorMovedState.find(id);
|
|
}
|
|
|
|
void _removeStates(String id) {
|
|
PrivacyModeState.delete(id);
|
|
BlockInputState.delete(id);
|
|
CurrentDisplayState.delete(id);
|
|
ShowRemoteCursorState.delete(id);
|
|
KeyboardEnabledState.delete(id);
|
|
RemoteCursorMovedState.delete(id);
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_initStates(widget.id);
|
|
|
|
_ffi = FFI();
|
|
_keyboard_input = Keyboard(_ffi, widget.id);
|
|
_mouse_input = Mouse(_ffi, widget.id, widget.tabBarHeight);
|
|
|
|
_updateTabBarHeight();
|
|
Get.put(_ffi, tag: widget.id);
|
|
_ffi.connect(widget.id, tabBarHeight: super.widget.tabBarHeight);
|
|
WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual, overlays: []);
|
|
_ffi.dialogManager
|
|
.showLoading(translate('Connecting...'), onCancel: closeConnection);
|
|
});
|
|
if (!Platform.isLinux) {
|
|
Wakelock.enable();
|
|
}
|
|
_rawKeyFocusNode.requestFocus();
|
|
_ffi.ffiModel.updateEventListener(widget.id);
|
|
_ffi.qualityMonitorModel.checkShowQualityMonitor(widget.id);
|
|
_showRemoteCursor.value = bind.sessionGetToggleOptionSync(
|
|
id: widget.id, arg: 'show-remote-cursor');
|
|
if (!_isCustomCursorInited) {
|
|
customCursorController.registerNeedUpdateCursorCallback(
|
|
(String? lastKey, String? currentKey) async {
|
|
return lastKey == null || lastKey != currentKey;
|
|
});
|
|
_isCustomCursorInited = true;
|
|
}
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
debugPrint("REMOTE PAGE dispose ${widget.id}");
|
|
_ffi.dialogManager.hideMobileActionsOverlay();
|
|
_rawKeyFocusNode.dispose();
|
|
_ffi.close();
|
|
_timer?.cancel();
|
|
_ffi.dialogManager.dismissAll();
|
|
SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual,
|
|
overlays: SystemUiOverlay.values);
|
|
if (!Platform.isLinux) {
|
|
Wakelock.disable();
|
|
}
|
|
Get.delete<FFI>(tag: widget.id);
|
|
super.dispose();
|
|
_removeStates(widget.id);
|
|
}
|
|
|
|
void resetTool() {
|
|
_ffi.resetModifiers();
|
|
}
|
|
|
|
Widget buildBody(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: Theme.of(context).backgroundColor,
|
|
body: Overlay(
|
|
initialEntries: [
|
|
OverlayEntry(builder: (context) {
|
|
_ffi.chatModel.setOverlayState(Overlay.of(context));
|
|
_ffi.dialogManager.setOverlayState(Overlay.of(context));
|
|
return Container(
|
|
color: Colors.black,
|
|
child: getRawPointerAndKeyBody(getBodyForDesktop(context)));
|
|
})
|
|
],
|
|
));
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
super.build(context);
|
|
_updateTabBarHeight();
|
|
return WillPopScope(
|
|
onWillPop: () async {
|
|
clientClose(_ffi.dialogManager);
|
|
return false;
|
|
},
|
|
child: MultiProvider(providers: [
|
|
ChangeNotifierProvider.value(value: _ffi.ffiModel),
|
|
ChangeNotifierProvider.value(value: _ffi.imageModel),
|
|
ChangeNotifierProvider.value(value: _ffi.cursorModel),
|
|
ChangeNotifierProvider.value(value: _ffi.canvasModel),
|
|
], child: buildBody(context)));
|
|
}
|
|
|
|
Widget getRawPointerAndKeyBody(Widget child) {
|
|
return FocusScope(
|
|
autofocus: true,
|
|
child: Focus(
|
|
autofocus: true,
|
|
canRequestFocus: true,
|
|
focusNode: _rawKeyFocusNode,
|
|
onFocusChange: (bool v) {
|
|
_imageFocused = v;
|
|
},
|
|
onKey: _keyboard_input.handleRawKeyEvent,
|
|
child: child));
|
|
}
|
|
|
|
void enterView(PointerEnterEvent evt) {
|
|
if (!_imageFocused) {
|
|
_rawKeyFocusNode.requestFocus();
|
|
}
|
|
_cursorOverImage.value = true;
|
|
if (_onEnterOrLeaveImage4Menubar != null) {
|
|
try {
|
|
_onEnterOrLeaveImage4Menubar!(true);
|
|
} catch (e) {
|
|
//
|
|
}
|
|
}
|
|
_ffi.enterOrLeave(true);
|
|
}
|
|
|
|
void leaveView(PointerExitEvent evt) {
|
|
_cursorOverImage.value = false;
|
|
if (_onEnterOrLeaveImage4Menubar != null) {
|
|
try {
|
|
_onEnterOrLeaveImage4Menubar!(false);
|
|
} catch (e) {
|
|
//
|
|
}
|
|
}
|
|
_ffi.enterOrLeave(false);
|
|
}
|
|
|
|
Widget _buildImageListener(Widget child) {
|
|
return Listener(
|
|
onPointerHover: _mouse_input.onPointHoverImage,
|
|
onPointerDown: _mouse_input.onPointDownImage,
|
|
onPointerUp: _mouse_input.onPointUpImage,
|
|
onPointerMove: _mouse_input.onPointMoveImage,
|
|
onPointerSignal: _mouse_input.onPointerSignalImage,
|
|
child:
|
|
MouseRegion(onEnter: enterView, onExit: leaveView, child: child));
|
|
}
|
|
|
|
Widget getBodyForDesktop(BuildContext context) {
|
|
var paints = <Widget>[
|
|
MouseRegion(onEnter: (evt) {
|
|
bind.hostStopSystemKeyPropagate(stopped: false);
|
|
}, onExit: (evt) {
|
|
bind.hostStopSystemKeyPropagate(stopped: true);
|
|
}, child: LayoutBuilder(builder: (context, constraints) {
|
|
Future.delayed(Duration.zero, () {
|
|
Provider.of<CanvasModel>(context, listen: false).updateViewStyle();
|
|
});
|
|
return ImagePaint(
|
|
id: widget.id,
|
|
cursorOverImage: _cursorOverImage,
|
|
keyboardEnabled: _keyboardEnabled,
|
|
remoteCursorMoved: _remoteCursorMoved,
|
|
listenerBuilder: _buildImageListener,
|
|
);
|
|
}))
|
|
];
|
|
|
|
paints.add(Obx(() => Visibility(
|
|
visible: _showRemoteCursor.isTrue && _remoteCursorMoved.isTrue,
|
|
child: CursorPaint(
|
|
id: widget.id,
|
|
))));
|
|
paints.add(QualityMonitor(_ffi.qualityMonitorModel));
|
|
paints.add(RemoteMenubar(
|
|
id: widget.id,
|
|
ffi: _ffi,
|
|
onEnterOrLeaveImageSetter: (func) => _onEnterOrLeaveImage4Menubar = func,
|
|
onEnterOrLeaveImageCleaner: () => _onEnterOrLeaveImage4Menubar = null,
|
|
));
|
|
return Stack(
|
|
children: paints,
|
|
);
|
|
}
|
|
|
|
@override
|
|
bool get wantKeepAlive => true;
|
|
}
|
|
|
|
class ImagePaint extends StatelessWidget {
|
|
final String id;
|
|
final Rx<bool> cursorOverImage;
|
|
final Rx<bool> keyboardEnabled;
|
|
final Rx<bool> remoteCursorMoved;
|
|
final Widget Function(Widget)? listenerBuilder;
|
|
final ScrollController _horizontal = ScrollController();
|
|
final ScrollController _vertical = ScrollController();
|
|
|
|
ImagePaint(
|
|
{Key? key,
|
|
required this.id,
|
|
required this.cursorOverImage,
|
|
required this.keyboardEnabled,
|
|
required this.remoteCursorMoved,
|
|
this.listenerBuilder})
|
|
: super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final m = Provider.of<ImageModel>(context);
|
|
var c = Provider.of<CanvasModel>(context);
|
|
final s = c.scale;
|
|
|
|
mouseRegion({child}) => Obx(() => MouseRegion(
|
|
cursor: (cursorOverImage.isTrue && keyboardEnabled.isTrue)
|
|
? (remoteCursorMoved.isTrue
|
|
? SystemMouseCursors.none
|
|
: _buildCustomCursorLinux(context, s))
|
|
: MouseCursor.defer,
|
|
onHover: (evt) {},
|
|
child: child));
|
|
|
|
if (c.scrollStyle == ScrollStyle.scrollbar) {
|
|
final imageWidget = SizedBox(
|
|
width: c.getDisplayWidth() * s,
|
|
height: c.getDisplayHeight() * s,
|
|
child: CustomPaint(
|
|
painter: ImagePainter(image: m.image, x: 0, y: 0, scale: s),
|
|
));
|
|
|
|
return Center(
|
|
child: NotificationListener<ScrollNotification>(
|
|
onNotification: (notification) {
|
|
final percentX = _horizontal.position.extentBefore /
|
|
(_horizontal.position.extentBefore +
|
|
_horizontal.position.extentInside +
|
|
_horizontal.position.extentAfter);
|
|
final percentY = _vertical.position.extentBefore /
|
|
(_vertical.position.extentBefore +
|
|
_vertical.position.extentInside +
|
|
_vertical.position.extentAfter);
|
|
c.setScrollPercent(percentX, percentY);
|
|
return false;
|
|
},
|
|
child: mouseRegion(
|
|
child: _buildCrossScrollbar(_buildListener(imageWidget))),
|
|
),
|
|
);
|
|
} else {
|
|
final imageWidget = SizedBox(
|
|
width: c.size.width,
|
|
height: c.size.height,
|
|
child: CustomPaint(
|
|
painter:
|
|
ImagePainter(image: m.image, x: c.x / s, y: c.y / s, scale: s),
|
|
));
|
|
return mouseRegion(child: _buildListener(imageWidget));
|
|
}
|
|
}
|
|
|
|
MouseCursor _buildCustomCursorLinux(BuildContext context, double scale) {
|
|
final cursor = Provider.of<CursorModel>(context);
|
|
final cacheLinux = cursor.cacheLinux;
|
|
if (cacheLinux == null) {
|
|
return MouseCursor.defer;
|
|
} else {
|
|
final key = cacheLinux.key(scale);
|
|
cursor.addKeyLinux(key);
|
|
return FlutterCustomMemoryImageCursor(
|
|
pixbuf: cacheLinux.data,
|
|
key: key,
|
|
hotx: cacheLinux.hotx,
|
|
hoty: cacheLinux.hoty,
|
|
imageWidth: (cacheLinux.width * scale).toInt(),
|
|
imageHeight: (cacheLinux.height * scale).toInt(),
|
|
);
|
|
}
|
|
}
|
|
|
|
Widget _buildCrossScrollbar(Widget child) {
|
|
final physicsVertical =
|
|
cursorOverImage.value ? const NeverScrollableScrollPhysics() : null;
|
|
final physicsHorizontal =
|
|
cursorOverImage.value ? const NeverScrollableScrollPhysics() : null;
|
|
return Scrollbar(
|
|
controller: _vertical,
|
|
thumbVisibility: false,
|
|
trackVisibility: false,
|
|
child: Scrollbar(
|
|
controller: _horizontal,
|
|
thumbVisibility: false,
|
|
trackVisibility: false,
|
|
notificationPredicate: (notif) => notif.depth == 1,
|
|
child: SingleChildScrollView(
|
|
controller: _vertical,
|
|
physics: physicsVertical,
|
|
child: SingleChildScrollView(
|
|
controller: _horizontal,
|
|
scrollDirection: Axis.horizontal,
|
|
physics: physicsHorizontal,
|
|
child: child,
|
|
),
|
|
),
|
|
));
|
|
}
|
|
|
|
Widget _buildListener(Widget child) {
|
|
if (listenerBuilder != null) {
|
|
return listenerBuilder!(child);
|
|
} else {
|
|
return child;
|
|
}
|
|
}
|
|
}
|
|
|
|
class CursorPaint extends StatelessWidget {
|
|
final String id;
|
|
|
|
const CursorPaint({Key? key, required this.id}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final m = Provider.of<CursorModel>(context);
|
|
final c = Provider.of<CanvasModel>(context);
|
|
// final adjust = m.adjustForKeyboard();
|
|
return CustomPaint(
|
|
painter: ImagePainter(
|
|
image: m.image,
|
|
x: m.x - m.hotx + c.x / c.scale,
|
|
y: m.y - m.hoty + c.y / c.scale,
|
|
scale: c.scale),
|
|
);
|
|
}
|
|
}
|
|
|
|
class ImagePainter extends CustomPainter {
|
|
ImagePainter({
|
|
required this.image,
|
|
required this.x,
|
|
required this.y,
|
|
required this.scale,
|
|
});
|
|
|
|
ui.Image? image;
|
|
double x;
|
|
double y;
|
|
double scale;
|
|
|
|
@override
|
|
void paint(Canvas canvas, Size size) {
|
|
if (image == null) return;
|
|
if (x.isNaN || y.isNaN) return;
|
|
canvas.scale(scale, scale);
|
|
// https://github.com/flutter/flutter/issues/76187#issuecomment-784628161
|
|
// https://api.flutter-io.cn/flutter/dart-ui/FilterQuality.html
|
|
var paint = Paint();
|
|
paint.filterQuality = FilterQuality.medium;
|
|
if (scale > 10.00000) {
|
|
paint.filterQuality = FilterQuality.high;
|
|
}
|
|
canvas.drawImage(image!, Offset(x, y), paint);
|
|
}
|
|
|
|
@override
|
|
bool shouldRepaint(CustomPainter oldDelegate) {
|
|
return oldDelegate != this;
|
|
}
|
|
}
|
|
|
|
class QualityMonitor extends StatelessWidget {
|
|
static const textStyle = TextStyle(color: MyTheme.grayBg);
|
|
final QualityMonitorModel qualityMonitorModel;
|
|
QualityMonitor(this.qualityMonitorModel);
|
|
|
|
@override
|
|
Widget build(BuildContext context) => ChangeNotifierProvider.value(
|
|
value: qualityMonitorModel,
|
|
child: Consumer<QualityMonitorModel>(
|
|
builder: (context, qualityMonitorModel, child) => Positioned(
|
|
top: 10,
|
|
right: 10,
|
|
child: qualityMonitorModel.show
|
|
? Container(
|
|
padding: const EdgeInsets.all(8),
|
|
color: MyTheme.canvasColor.withAlpha(120),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Speed: ${qualityMonitorModel.data.speed ?? ''}",
|
|
style: textStyle,
|
|
),
|
|
Text(
|
|
"FPS: ${qualityMonitorModel.data.fps ?? ''}",
|
|
style: textStyle,
|
|
),
|
|
Text(
|
|
"Delay: ${qualityMonitorModel.data.delay ?? ''} ms",
|
|
style: textStyle,
|
|
),
|
|
Text(
|
|
"Target Bitrate: ${qualityMonitorModel.data.targetBitrate ?? ''}kb",
|
|
style: textStyle,
|
|
),
|
|
Text(
|
|
"Codec: ${qualityMonitorModel.data.codecFormat ?? ''}",
|
|
style: textStyle,
|
|
),
|
|
],
|
|
),
|
|
)
|
|
: const SizedBox.shrink())));
|
|
}
|