update android chat,server page

2025-10-29 17:00:05 +00:00 · 2022-03-22 21:47:42 +08:00
parent 6ce7018f07
commit 1daaa3a4cd
6 changed files with 237 additions and 126 deletions
--- a/lib/pages/chat_page.dart
+++ b/lib/pages/chat_page.dart
@@ -4,9 +4,6 @@ import 'package:flutter/material.dart';
 import 'package:flutter_hbb/common.dart';
 import 'package:flutter_hbb/models/chat_model.dart';
 import 'package:provider/provider.dart';
-import '../main.dart';
-import '../models/model.dart';
-import '../models/native_model.dart';
 import 'home_page.dart';

 OverlayEntry? iconOverlayEntry;
@@ -15,7 +12,6 @@ OverlayEntry? windowOverlayEntry;
 ChatPage chatPage = ChatPage();

 class ChatPage extends StatelessWidget implements PageShape {
-
  @override
  final title = "Chat";

@@ -28,17 +24,18 @@ class ChatPage extends StatelessWidget implements PageShape {
  @override
  Widget build(BuildContext context) {
    return Container(
-            color: MyTheme.grayBg,
-            child: Consumer<ChatModel>(builder: (context, chatModel, child) {
-              return DashChat(
-                sendOnEnter: false, // if true,reload keyboard everytime,need fix
-                onSend: (chatMsg) {
-                  chatModel.send(chatMsg);
-                },
-                user: chatModel.me,
-                messages: chatModel.messages[chatModel.currentID],
-              );
-            }));
+        color: MyTheme.grayBg,
+        child: Consumer<ChatModel>(builder: (context, chatModel, child) {
+          return DashChat(
+            inputContainerStyle: BoxDecoration(color: Colors.white70),
+            sendOnEnter: false, // if true,reload keyboard everytime,need fix
+            onSend: (chatMsg) {
+              chatModel.send(chatMsg);
+            },
+            user: chatModel.me,
+            messages: chatModel.messages[chatModel.currentID],
+          );
+        }));
  }
 }

@@ -116,14 +113,14 @@ toggleChatOverlay() {

 class ChatWindowOverlay extends StatefulWidget {
  final double windowWidth = 250;
-  final double windowHeight = 300;
+  final double windowHeight = 350;

  @override
  State<StatefulWidget> createState() => _ChatWindowOverlayState();
 }

 class _ChatWindowOverlayState extends State<ChatWindowOverlay> {
-  Offset _o = Offset(20, 20);
+  Offset _o = Offset(20, 80);
  bool _keyboardVisible = false;
  double _saveHeight = 0;
  double _lastBottomHeight = 0;
@@ -154,48 +151,47 @@ class _ChatWindowOverlayState extends State<ChatWindowOverlay> {
    });
  }

-  checkScreenSize(){
+  checkScreenSize() {
    // TODO 横屏处理
  }

-  checkKeyBoard(){
+  checkKeyboard() {
    final bottomHeight = MediaQuery.of(context).viewInsets.bottom;
    final currentVisible = bottomHeight != 0;

    debugPrint(bottomHeight.toString() + currentVisible.toString());
    // save
-    if (!_keyboardVisible && currentVisible){
+    if (!_keyboardVisible && currentVisible) {
      _saveHeight = _o.dy;
      debugPrint("on save $_saveHeight");
    }

    // reset
-    if (_lastBottomHeight>0 && bottomHeight == 0){
+    if (_lastBottomHeight > 0 && bottomHeight == 0) {
      debugPrint("on reset");
-      _o = Offset(_o.dx,_saveHeight);
+      _o = Offset(_o.dx, _saveHeight);
    }

    // onKeyboardVisible
-    if (_keyboardVisible && currentVisible){
-
-
+    if (_keyboardVisible && currentVisible) {
      final sumHeight = bottomHeight + widget.windowHeight;
      final contextHeight = MediaQuery.of(context).size.height;
-      debugPrint("prepare update sumHeight:$sumHeight,contextHeight:$contextHeight");
-      if(sumHeight + _o.dy > contextHeight){
+      debugPrint(
+          "prepare update sumHeight:$sumHeight,contextHeight:$contextHeight");
+      if (sumHeight + _o.dy > contextHeight) {
        final y = contextHeight - sumHeight;
        debugPrint("on update");
-        _o = Offset(_o.dx,y);
+        _o = Offset(_o.dx, y);
      }
    }

    _keyboardVisible = currentVisible;
    _lastBottomHeight = bottomHeight;
-
  }
+
  @override
  Widget build(BuildContext context) {
-    checkKeyBoard();
+    checkKeyboard();
    checkScreenSize();
    return Positioned(
        top: _o.dy,
@@ -206,8 +202,35 @@ class _ChatWindowOverlayState extends State<ChatWindowOverlay> {
          resizeToAvoidBottomInset: false,
          appBar: CustomAppBar(
            onPanUpdate: (d) => changeOffset(d.delta),
-            appBar: AppBar(
-                title: Text("Chat")),
+            appBar: Container(
+              color: MyTheme.accent50,
+              height: 50,
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                children: [
+                  Padding(padding: EdgeInsets.symmetric(horizontal: 15),child: Text(
+                    "Chat",
+                    style: TextStyle(
+                        color: Colors.white,
+                        fontFamily: 'WorkSans',
+                        fontWeight: FontWeight.bold,
+                        fontSize: 20),
+                  )),
+                  Row(
+                    crossAxisAlignment: CrossAxisAlignment.center,
+                    children: [
+                      IconButton(onPressed: () {
+                        hideChatWindowOverlay();
+                      }, icon: Icon(Icons.keyboard_arrow_down)),
+                      IconButton(onPressed: () {
+                        hideChatWindowOverlay();
+                        hideChatIconOverlay();
+                      }, icon: Icon(Icons.close))
+                    ],
+                  )
+                ],
+              ),
+            ),
          ),
          body: chatPage,
        ));
@@ -216,7 +239,7 @@ class _ChatWindowOverlayState extends State<ChatWindowOverlay> {

 class CustomAppBar extends StatelessWidget implements PreferredSizeWidget {
  final GestureDragUpdateCallback onPanUpdate;
-  final AppBar appBar;
+  final Widget appBar;

  const CustomAppBar(
      {Key? key, required this.onPanUpdate, required this.appBar})
--- a/lib/pages/server_page.dart
+++ b/lib/pages/server_page.dart
@@ -158,20 +158,20 @@ class _PermissionCheckerState extends State<PermissionChecker> {
  Widget build(BuildContext context) {
    final serverModel = Provider.of<ServerModel>(context);
    final androidVersion = PlatformFFI.androidVersion ?? 0;
-    final hasAudioPermission = androidVersion>=33;
+    final hasAudioPermission = androidVersion>=30;
    return PaddingCard(
        title: translate("Configuration Permissions"),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            PermissionRow(translate("Screen Capture"), serverModel.mediaOk,
-                serverModel.startService),
+                serverModel.toggleService),
            PermissionRow(translate("Mouse Control"), serverModel.inputOk,
-                showInputWarnAlert),
+                serverModel.toggleInput),
            PermissionRow(translate("File Transfer"), serverModel.fileOk,
                serverModel.toggleFile),
            hasAudioPermission?PermissionRow(translate("Audio Capture"), serverModel.inputOk,
-                showInputWarnAlert):Text("* 当前安卓版本不支持音频捕获",style: TextStyle(color: MyTheme.darkGray),),
+                serverModel.toggleAudio):Text("* 当前安卓版本不支持音频捕获",style: TextStyle(color: MyTheme.darkGray),),
            SizedBox(height: 8),
            serverModel.mediaOk
                ? ElevatedButton.icon(
@@ -235,7 +235,8 @@ class ConnectionManager extends StatelessWidget {
    return Column(
        children: serverModel.clients
            .map((client) => PaddingCard(
-                title: translate("Connection"),
+                title: translate(client.isFileTransfer?"File Connection":"Screen Connection"),
+                titleIcon: client.isFileTransfer?Icons.folder_outlined:Icons.mobile_screen_share,
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
@@ -259,9 +260,10 @@ class ConnectionManager extends StatelessWidget {
 }

 class PaddingCard extends StatelessWidget {
-  PaddingCard({required this.child, this.title});
+  PaddingCard({required this.child, this.title,this.titleIcon});

  final String? title;
+  final IconData? titleIcon;
  final Widget child;

  @override
@@ -272,15 +274,20 @@ class PaddingCard extends StatelessWidget {
          0,
          Padding(
              padding: EdgeInsets.symmetric(vertical: 5.0),
-              child: Text(
-                title!,
-                style: TextStyle(
-                  fontFamily: 'WorkSans',
-                  fontWeight: FontWeight.bold,
-                  fontSize: 22,
-                  color: MyTheme.accent80,
-                ),
-              )));
+              child: Row(
+                children: [
+                  titleIcon !=null?Padding(padding: EdgeInsets.only(right: 10),child:Icon(titleIcon,color: MyTheme.accent80,size: 30)):SizedBox.shrink(),
+                  Text(
+                    title!,
+                    style: TextStyle(
+                      fontFamily: 'WorkSans',
+                      fontWeight: FontWeight.bold,
+                      fontSize: 22,
+                      color: MyTheme.accent80,
+                    ),
+                  )
+                ],
+              ) ));
    }
    return Container(
        width: double.maxFinite,
@@ -306,51 +313,25 @@ Widget clientInfo(Client client) {
        CircleAvatar(
            child: Text(client.name[0]), backgroundColor: MyTheme.border),
        SizedBox(width: 12),
-        Text(client.name, style: TextStyle(color: MyTheme.idColor)),
-        SizedBox(width: 8),
-        Text(client.peerId, style: TextStyle(color: MyTheme.idColor))
+        Column(
+  crossAxisAlignment: CrossAxisAlignment.start,
+  mainAxisAlignment: MainAxisAlignment.center
+  ,children: [
+          Text(client.name, style: TextStyle(color: MyTheme.idColor,fontSize: 20)),
+          SizedBox(width: 8),
+          Text(client.peerId, style: TextStyle(color: MyTheme.idColor,fontSize: 10))
+        ])
      ],
    ),
-    Text("类型:${client.isFileTransfer?"管理文件":"屏幕控制"}" ,style: TextStyle(color: MyTheme.darkGray))
+    // !client.isFileTransfer?Row(
+    //   children: [
+    //     client.audio?Icon(Icons.volume_up):SizedBox.shrink(),
+    //     client.keyboard?Icon(Icons.mouse):SizedBox.shrink(),
+    //   ],
+    // ):SizedBox.shrink()
  ]);
 }

-showInputWarnAlert() async {
-  if (globalKey.currentContext == null) return;
-  DialogManager.reset();
-  await showDialog<bool>(
-      context: globalKey.currentContext!,
-      builder: (alertContext) {
-        // TODO t
-        DialogManager.register(alertContext);
-        return AlertDialog(
-          title: Text("获取输入权限引导"),
-          content: Text.rich(TextSpan(style: TextStyle(), children: [
-            TextSpan(text: "请在接下来的系统设置页\n进入"),
-            TextSpan(text: " [服务] ", style: TextStyle(color: MyTheme.accent)),
-            TextSpan(text: "配置页面\n将"),
-            TextSpan(
-                text: " [RustDesk Input] ",
-                style: TextStyle(color: MyTheme.accent)),
-            TextSpan(text: "服务开启")
-          ])),
-          actions: [
-            TextButton(
-                child: Text(translate("Do nothing")),
-                onPressed: () {
-                  DialogManager.reset();
-                }),
-            ElevatedButton(
-                child: Text(translate("Go System Setting")),
-                onPressed: () {
-                  FFI.serverModel.initInput();
-                  DialogManager.reset();
-                }),
-          ],
-        );
-      });
-  DialogManager.drop();
-}

 void toAndroidChannelInit() {
  FFI.setMethodCallHandler((method, arguments) {