Compare commits
6 Commits
| Author | SHA1 | Date |
|---|---|---|
|
|
f63ad460d5 | |
|
|
525e10badc | |
|
|
b6b6e41e8b | |
|
|
ff882a5e06 | |
|
|
30af057969 | |
|
|
e91a3a40af |
|
|
@ -30,12 +30,13 @@ class SyncSocket {
|
|||
RawDatagramSocket? socket;
|
||||
|
||||
// IC 0主机 1 从机
|
||||
int ic = 1;
|
||||
int ic = 0;
|
||||
|
||||
/// 从机ip
|
||||
List<String> childrenIp = [];
|
||||
|
||||
connect() async {
|
||||
socket?.close();
|
||||
socket = await RawDatagramSocket.bind(InternetAddress.anyIPv4, 0);
|
||||
|
||||
// 发送身份包
|
||||
|
|
@ -78,11 +79,48 @@ class SyncSocket {
|
|||
if (data['op'] == 11){
|
||||
|
||||
}
|
||||
// 服务器 已连接的ip
|
||||
if (data['Arr'] != null){
|
||||
List arr = data['Arr'];
|
||||
List<String> ips = [];
|
||||
arr.forEach((clientMap) {
|
||||
String ip = clientMap['Client'];
|
||||
ips.add(ip);
|
||||
});
|
||||
childrenIp = ips;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
/// 发送消息
|
||||
sendClickMessage(Map data){
|
||||
Map messageMap = {
|
||||
"op": 2,
|
||||
"click": data
|
||||
};
|
||||
socket?.send(dataMake(messageMap), InternetAddress(url), port);
|
||||
}
|
||||
|
||||
/// 发送获取从机 消息
|
||||
sendGetChilds(){
|
||||
Map messageMap = {
|
||||
"op": 3,
|
||||
};
|
||||
socket?.send(dataMake(messageMap), InternetAddress(url), port);
|
||||
}
|
||||
|
||||
|
||||
/// 发送输入喜消息
|
||||
sendInpuMessage(int num){
|
||||
Map messageMap = {
|
||||
"op": 2,
|
||||
"input": num
|
||||
};
|
||||
socket?.send(dataMake(messageMap), InternetAddress(url), port);
|
||||
}
|
||||
|
||||
/// 心跳
|
||||
heartbeat(){
|
||||
Timer timer = Timer(const Duration(seconds: 10), () async {
|
||||
|
|
|
|||
|
|
@ -18,22 +18,53 @@ class SynchronizationWebTool{
|
|||
return _instance!;
|
||||
}
|
||||
|
||||
bool webSync = false;
|
||||
|
||||
/// 主控
|
||||
late WebviewController mainController;
|
||||
/// 受控
|
||||
List<WebviewController> _childControllers = [];
|
||||
|
||||
/// 设置控制器时 注入js
|
||||
setChildController(List<WebviewController> childControllers){
|
||||
|
||||
// for (var controller in childControllers) {
|
||||
// controller.addScriptToExecuteOnDocumentCreated(WindowsJs.clickEventJs);
|
||||
// // controller.addScriptToExecuteOnDocumentCreated(WindowsJs.onloadZoom(90));
|
||||
// }
|
||||
for (var controller in childControllers) {
|
||||
controller.addScriptToExecuteOnDocumentCreated(WindowsJs.clickEventJs);
|
||||
// controller.addScriptToExecuteOnDocumentCreated(WindowsJs.onloadZoom(90));
|
||||
}
|
||||
|
||||
_childControllers = childControllers;
|
||||
mainController = childControllers.first;
|
||||
_childControllers = childControllers.sublist(1,10);
|
||||
|
||||
// 滚动监听
|
||||
// mainController.addScriptToExecuteOnDocumentCreated(WindowsJs.scrollEventJs);
|
||||
|
||||
mainController.webMessage.listen((event) {
|
||||
print('mainController listen --');
|
||||
|
||||
if (event['scroll'] != null ) {
|
||||
print(event);
|
||||
}
|
||||
|
||||
if (!webSync) return;
|
||||
|
||||
if (event['click'] != null) {
|
||||
Map click = event['click'];
|
||||
int x = click['x'] as int;
|
||||
int y = click['y'] as int;
|
||||
|
||||
clickSynchronization(x, y);
|
||||
SocketUtils.getInstance().sendClickMessage(click);
|
||||
}
|
||||
|
||||
if (event['scroll'] != null ) {
|
||||
print(event);
|
||||
int y = event['y'] as int;
|
||||
scrollSynchronization(y);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
List<WebviewController> get childController{
|
||||
|
|
|
|||
|
|
@ -1,30 +1,20 @@
|
|||
import 'package:common/utils/toast_utils.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:web_synchronization_tool/windows/number_tool.dart';
|
||||
import 'package:web_synchronization_tool/windows/socket_tool.dart';
|
||||
import 'package:web_synchronization_tool/windows/synchronization_web_tool.dart';
|
||||
import 'package:web_synchronization_tool/windows/windowsJs.dart';
|
||||
import 'package:webview_windows/webview_windows.dart';
|
||||
|
||||
class WebGridController {
|
||||
Function(WebviewController controller)? addWebControllerBlack;
|
||||
Function? addWebBlack;
|
||||
Function? addAllWebBlack;
|
||||
|
||||
addMainController(WebviewController controller) {
|
||||
Function(WebviewController controller)? addWebControllerBlack;
|
||||
|
||||
addWebController(WebviewController controller) {
|
||||
if (addWebControllerBlack != null) {
|
||||
addWebControllerBlack!(controller);
|
||||
}
|
||||
}
|
||||
|
||||
addWeb() {
|
||||
if (addWebBlack != null) {
|
||||
addWebBlack!();
|
||||
}
|
||||
}
|
||||
|
||||
addAllWeb() {
|
||||
if (addAllWebBlack != null) {
|
||||
addAllWebBlack!();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
class WebGridWidget extends StatefulWidget {
|
||||
|
|
@ -37,135 +27,88 @@ class WebGridWidget extends StatefulWidget {
|
|||
}
|
||||
|
||||
class _WebGridWidgetState extends State<WebGridWidget> {
|
||||
|
||||
List<WebviewController> controllers = [];
|
||||
|
||||
bool initDone = false;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
|
||||
widget.controller.addWebBlack = () {
|
||||
addController();
|
||||
};
|
||||
|
||||
widget.controller.addAllWebBlack = () {
|
||||
addAllController();
|
||||
};
|
||||
controllerInit();
|
||||
}
|
||||
|
||||
// 提娜佳一个网页
|
||||
addController() async {
|
||||
if (controllers.length >= 10) return;
|
||||
/// 控制器初始化
|
||||
Future controllerInit() async {
|
||||
|
||||
var controller = WebviewController();
|
||||
await controller.initialize();
|
||||
controller.loadUrl('https://www.df6831.com/');
|
||||
|
||||
controllers.add(controller);
|
||||
SynchronizationWebTool.getInstance().setChildController(controllers);
|
||||
setState(() {});
|
||||
}
|
||||
|
||||
// 将网页加满到10个
|
||||
addAllController() async {
|
||||
final num = 10 - controllers.length;
|
||||
if (num < 1) return;
|
||||
|
||||
for (int i = 0; i < num; i++) {
|
||||
for (var i = 0; i< 10 ; i++) {
|
||||
var controller = WebviewController();
|
||||
await controller.initialize();
|
||||
controller.loadUrl('https://www.df6831.com/');
|
||||
|
||||
// controller.executeScript(WindowsJs.zoom(35));
|
||||
// controller.addScriptToExecuteOnDocumentCreated(WindowsJs.onloadZoom(35));
|
||||
|
||||
controllers.add(controller);
|
||||
}
|
||||
|
||||
SynchronizationWebTool.getInstance().setChildController(controllers);
|
||||
setState(() {});
|
||||
|
||||
setState(() {
|
||||
initDone = true;
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Stack(
|
||||
children: [
|
||||
GridView.builder(
|
||||
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
|
||||
crossAxisCount: 5, // 两列
|
||||
crossAxisSpacing: 8.0, // 水平间距
|
||||
mainAxisSpacing: 8.0, // 垂直间距
|
||||
childAspectRatio: 0.9),
|
||||
itemBuilder: (BuildContext context, int index) {
|
||||
return Stack(
|
||||
children: [
|
||||
Webview(controllers[index]),
|
||||
TextButton(
|
||||
style: ButtonStyle(
|
||||
overlayColor: MaterialStateProperty.resolveWith(
|
||||
(states) => Colors.transparent)),
|
||||
onPressed: () {
|
||||
var controller = controllers[index];
|
||||
// controller.executeScript(WindowsJs.zoom(100));
|
||||
return GridView.builder(
|
||||
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
|
||||
crossAxisCount: 5, // 两列
|
||||
crossAxisSpacing: 8.0, // 水平间距
|
||||
mainAxisSpacing: 8.0, // 垂直间距
|
||||
childAspectRatio: 0.9),
|
||||
itemBuilder: (BuildContext context, int index) {
|
||||
return Stack(
|
||||
children: [
|
||||
Webview(controllers[index]),
|
||||
TextButton(
|
||||
style: ButtonStyle(
|
||||
overlayColor: MaterialStateProperty.resolveWith(
|
||||
(states) => Colors.transparent)),
|
||||
onPressed: () {
|
||||
|
||||
// showAnimationDialog(
|
||||
// context: context,
|
||||
// // barrierDismissible: false,
|
||||
// child: ShowWebWidget(controller: controller,));
|
||||
var controller = controllers[index];
|
||||
// controller.executeScript(WindowsJs.zoom(100));
|
||||
|
||||
// Navigator.push(context, MaterialPageRoute(builder: (context)=> ShowWebWidget(controller: controller,) ));
|
||||
// showAnimationDialog(
|
||||
// context: context,
|
||||
// // barrierDismissible: false,
|
||||
// child: ShowWebWidget(controller: controller,));
|
||||
|
||||
Navigator.of(context).push(PageRouteBuilder(
|
||||
opaque: false, // 设置路由本身透明
|
||||
pageBuilder: (BuildContext context, _, __) =>
|
||||
ShowWebWidget(
|
||||
controller: controller,
|
||||
main: index == 0,
|
||||
allLoadUrl: (String url) {
|
||||
controllers.forEach((controller) {
|
||||
controller.loadUrl(url);
|
||||
});
|
||||
},
|
||||
),
|
||||
));
|
||||
},
|
||||
child: Container(),
|
||||
),
|
||||
Container(
|
||||
alignment: Alignment.topRight,
|
||||
child: TextButton(
|
||||
style: TextButton.styleFrom(padding: const EdgeInsets.all(0)),
|
||||
onPressed: () {
|
||||
controllers.removeAt(index);
|
||||
SynchronizationWebTool.getInstance()
|
||||
.setChildController(controllers);
|
||||
setState(() {});
|
||||
},
|
||||
child: Container(
|
||||
width: 50,
|
||||
height: 50,
|
||||
color: Colors.blue[100],
|
||||
alignment: Alignment.center,
|
||||
child: const Icon(Icons.clear)),
|
||||
),
|
||||
)
|
||||
],
|
||||
);
|
||||
},
|
||||
itemCount: controllers.length, // 生成20个瀑布流瓦片
|
||||
)
|
||||
],
|
||||
// Navigator.push(context, MaterialPageRoute(builder: (context)=> ShowWebWidget(controller: controller,) ));
|
||||
|
||||
Navigator.of(context).push(PageRouteBuilder(
|
||||
opaque: false, // 设置路由本身透明
|
||||
pageBuilder: (BuildContext context, _, __) => ShowWebWidget(controller: controller,main: index == 0,),
|
||||
));
|
||||
|
||||
},
|
||||
child: Container(),
|
||||
)
|
||||
],
|
||||
);
|
||||
},
|
||||
itemCount: controllers.length, // 生成20个瀑布流瓦片
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
class ShowWebWidget extends StatefulWidget {
|
||||
const ShowWebWidget(
|
||||
{super.key,
|
||||
required this.controller,
|
||||
this.main = false,
|
||||
required this.allLoadUrl});
|
||||
const ShowWebWidget({super.key, required this.controller, this.main = false});
|
||||
|
||||
final WebviewController controller;
|
||||
|
||||
final Function(String url) allLoadUrl;
|
||||
|
||||
final bool main;
|
||||
|
||||
@override
|
||||
|
|
@ -173,11 +116,13 @@ class ShowWebWidget extends StatefulWidget {
|
|||
}
|
||||
|
||||
class _ShowWebWidgetState extends State<ShowWebWidget> {
|
||||
/// 网址
|
||||
TextEditingController urlController = TextEditingController();
|
||||
|
||||
/// 服务器ip
|
||||
TextEditingController ipController = TextEditingController();
|
||||
/// 网址
|
||||
TextEditingController urlController = TextEditingController();
|
||||
/// 总金额
|
||||
TextEditingController numController = TextEditingController();
|
||||
/// 服务器ip
|
||||
TextEditingController ipController = TextEditingController();
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
|
|
@ -204,15 +149,26 @@ class _ShowWebWidgetState extends State<ShowWebWidget> {
|
|||
);
|
||||
}
|
||||
|
||||
Widget getTitleWidget() {
|
||||
Widget getTitleWidget(){
|
||||
if (widget.main == false) return input();
|
||||
return Row(
|
||||
children: [
|
||||
// TextButton(
|
||||
// onPressed: () {
|
||||
// widget.controller.openDevTools();
|
||||
// },
|
||||
// child: const Text('开发者')),
|
||||
inputNumber(),
|
||||
Row(
|
||||
children: [
|
||||
const Text('同步'),
|
||||
Switch(
|
||||
value: SynchronizationWebTool.getInstance().webSync,
|
||||
onChanged: (value) {
|
||||
setState(() {
|
||||
SynchronizationWebTool.getInstance().webSync = value;
|
||||
if (value){ // 打开同步获取 从机
|
||||
SocketUtils.getInstance().sendGetChilds();
|
||||
}
|
||||
});
|
||||
})
|
||||
],
|
||||
),
|
||||
input(),
|
||||
ipSet()
|
||||
],
|
||||
|
|
@ -220,61 +176,69 @@ class _ShowWebWidgetState extends State<ShowWebWidget> {
|
|||
}
|
||||
|
||||
/// 跳转网址
|
||||
input() {
|
||||
input(){
|
||||
return Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 400,
|
||||
child: TextField(
|
||||
style: const TextStyle(fontSize: 14),
|
||||
controller: urlController,
|
||||
)),
|
||||
TextButton(
|
||||
onPressed: () {
|
||||
String url = urlController.text;
|
||||
// if (!url.startsWith("https://") ) {
|
||||
// url = "https://$url";
|
||||
// }
|
||||
widget.controller.loadUrl(url);
|
||||
},
|
||||
child: const Text(
|
||||
'跳转',
|
||||
style: TextStyle(fontSize: 14),
|
||||
)),
|
||||
TextButton(
|
||||
onPressed: () {
|
||||
String url = urlController.text;
|
||||
|
||||
widget.allLoadUrl(url);
|
||||
},
|
||||
child: const Text(
|
||||
'全部跳转',
|
||||
style: TextStyle(fontSize: 14),
|
||||
)),
|
||||
SizedBox(width: 400, child: TextField(style: const TextStyle(fontSize: 14),controller: urlController,)),
|
||||
TextButton(onPressed: (){
|
||||
String url = urlController.text;
|
||||
// if (!url.startsWith("https://") ) {
|
||||
// url = "https://$url";
|
||||
// }
|
||||
widget.controller.loadUrl(url);
|
||||
}, child: const Text('跳转',style: TextStyle(fontSize: 14),))
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
ipSet() {
|
||||
ipSet(){
|
||||
ipController.text = SocketUtils.getInstance().url;
|
||||
return Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 100,
|
||||
child: TextField(
|
||||
style: const TextStyle(fontSize: 14),
|
||||
controller: ipController,
|
||||
)),
|
||||
TextButton(
|
||||
onPressed: () {
|
||||
SocketUtils.getInstance().url = ipController.text;
|
||||
SocketUtils.getInstance().connect();
|
||||
},
|
||||
child: const Text(
|
||||
'保存服务器ip',
|
||||
style: TextStyle(fontSize: 14),
|
||||
))
|
||||
SizedBox(width: 100, child: TextField(style: const TextStyle(fontSize: 14),controller: ipController,)),
|
||||
TextButton(onPressed: (){
|
||||
SocketUtils.getInstance().url = ipController.text;
|
||||
SocketUtils.getInstance().connect();
|
||||
}, child: const Text('保存服务器ip',style: TextStyle(fontSize: 14),))
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
/// 输入总金额
|
||||
inputNumber(){
|
||||
return Row(
|
||||
children: [
|
||||
SizedBox(width: 100, child: TextField(style: const TextStyle(fontSize: 14),controller: numController,)),
|
||||
TextButton(
|
||||
onPressed: () {
|
||||
try{
|
||||
int num = int.parse(numController.text);
|
||||
|
||||
int chidNum = SocketUtils.getInstance().childrenIp.length + 1;
|
||||
|
||||
if (num <= chidNum * 10){
|
||||
numController.text = '不能小于${chidNum*10}';
|
||||
ToastUtils.showToast('金额不能太小');
|
||||
return;
|
||||
}
|
||||
|
||||
int maxNum = num ~/ chidNum;
|
||||
SocketUtils.getInstance().sendInpuMessage(maxNum);
|
||||
|
||||
// 本地处理
|
||||
List<int> nums = NumberTool().randomNum(maxNum);
|
||||
widget.controller.executeScript(WindowsJs.inputJs(nums.first));
|
||||
nums.removeAt(0);
|
||||
SynchronizationWebTool.getInstance().input(nums);
|
||||
}catch(e){
|
||||
ToastUtils.showToast('请输入数字');
|
||||
}
|
||||
},
|
||||
child: const Text('填入总金额')),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@ class _WindowsPageState extends State<WindowsPage> {
|
|||
|
||||
mainController.loadUrl('http://www.df6831.com/');
|
||||
|
||||
gridController.addMainController(mainController);
|
||||
gridController.addWebController(mainController);
|
||||
|
||||
setState(() {
|
||||
initDone = true;
|
||||
|
|
@ -61,35 +61,13 @@ class _WindowsPageState extends State<WindowsPage> {
|
|||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
|
||||
if (initDone == false) return Container();
|
||||
|
||||
return Scaffold(
|
||||
body: WebGridWidget(
|
||||
controller: gridController,
|
||||
),
|
||||
floatingActionButton: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
children: [
|
||||
FloatingActionButton(
|
||||
onPressed: (){
|
||||
gridController.addWeb();
|
||||
},
|
||||
heroTag: 1,
|
||||
tooltip: '添加网页',
|
||||
child: const Icon(Icons.add),
|
||||
),
|
||||
const SizedBox(width: 20,)
|
||||
,
|
||||
FloatingActionButton(
|
||||
onPressed: (){
|
||||
gridController.addAllWeb();
|
||||
},
|
||||
heroTag: 2,
|
||||
tooltip: '添加10个网页',
|
||||
child: const Row(
|
||||
children: [Icon(Icons.add),Text('10')],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue