当前位置: 首页 > news >正文

根据蓝牙名称自动匹配对应 UI

要实现“根据蓝牙名称自动匹配对应 UI”,并且支持未来不断增加的按摩椅型号和UI,推荐采用插件式UI注册+自动路由的架构。下面是详细的可执行方案,适合你当前的 Flutter 项目结构:


1. 目录结构设计

假设每个按摩椅型号有独立的UI页面,建议目录结构如下:

lib/ui/page/massage/common/                # 公共组件、基类chair_control_screen.dartmodel_a/               # 型号Achair_control_screen_a.dartmodel_b/               # 型号Bchair_control_screen_b.dart...

2. UI注册与自动匹配机制

2.1 定义UI注册表

lib/ui/page/massage/common/ 下新建 massage_ui_registry.dart

// lib/ui/page/massage/common/massage_ui_registry.dart
import 'package:flutter/widgets.dart';typedef MassageUIScreenBuilder = Widget Function();class MassageUIRegistry {static final Map<String, MassageUIScreenBuilder> _registry = {};static void register(String modelKey, MassageUIScreenBuilder builder) {_registry[modelKey] = builder;}static Widget? getScreenForModel(String modelKey) {return _registry[modelKey]?.call();}
}

2.2 各型号UI注册

每个型号的UI在其入口文件注册自己。例如 model_a/chair_control_screen_a.dart

// lib/ui/page/massage/model_a/chair_control_screen_a.dart
import '../common/massage_ui_registry.dart';
import 'package:flutter/material.dart';class ChairControlScreenA extends StatelessWidget {// ... UI实现 ...Widget build(BuildContext context) {return Scaffold(body: Center(child: Text('型号A UI')));}
}// 注册到UI注册表
void registerModelAUI() {MassageUIRegistry.register('MODEL_A', () => ChairControlScreenA());
}

main.dart 或 app 启动时统一注册所有型号UI:

import 'ui/page/massage/model_a/chair_control_screen_a.dart' as model_a;
import 'ui/page/massage/model_b/chair_control_screen_b.dart' as model_b;
// ... 其他型号void main() {model_a.registerModelAUI();model_b.registerModelBUI();// ...runApp(MyApp());
}

3. 蓝牙名称与型号Key的映射

新建 lib/ui/page/massage/common/model_key_mapper.dart

// lib/ui/page/massage/common/model_key_mapper.dart
class ModelKeyMapper {static String getModelKeyFromBluetoothName(String bluetoothName) {// 这里可以用正则或前缀匹配if (bluetoothName.startsWith('A-')) return 'MODEL_A';if (bluetoothName.startsWith('B-')) return 'MODEL_B';// ... 其他规则return 'DEFAULT'; // 默认UI}
}

4. 自动路由到对应UI

在你需要展示按摩椅UI的地方(比如连接蓝牙后),这样写:

import 'common/massage_ui_registry.dart';
import 'common/model_key_mapper.dart';Widget buildChairScreen(String bluetoothName) {final modelKey = ModelKeyMapper.getModelKeyFromBluetoothName(bluetoothName);final screen = MassageUIRegistry.getScreenForModel(modelKey);if (screen != null) {return screen;} else {// 返回默认UI或错误提示return ChairControlScreen(); // 默认UI}
}

5. 新型号的扩展流程

  1. 新建目录和UI文件(如 model_c/chair_control_screen_c.dart)。
  2. 在该文件实现UI并注册到 MassageUIRegistry
  3. main.dart 注册该UI。
  4. ModelKeyMapper 里添加蓝牙名称到型号Key的映射规则。

6. 优点

  • 易扩展:新型号只需新建目录和注册,不影响其他UI。
  • 自动化:蓝牙名称自动路由到对应UI。
  • 解耦:UI与蓝牙逻辑分离,便于维护。
  • 兼容性:未匹配到的型号可回退到默认UI。

7. 进阶建议

  • 可以用注解+代码生成自动注册UI(如用 build_runner)。
  • 蓝牙名称与型号Key的映射可放到配置文件或后端下发,便于动态扩展。

http://www.dtcms.com/a/173527.html

相关文章:

  • BigemapPro小技巧:调整线方向及延长线
  • IAA-Net:一种实孔径扫描雷达迭代自适应角超分辨成像方法——论文阅读
  • 游戏引擎学习第260天:在性能分析器中实现钻取功能
  • mac m2 安装 hbase
  • 依图科技C++后端开发面试题及参考答案
  • 网站主机控制面板深度解析:cPanel、Plesk 及其他主流选择
  • 2、Kafka Replica机制与ISR、HW、LEO、AR、OSR详解
  • MySQL 中 EXISTS (SELECT 1 FROM ...) 的用法详解
  • Kotlin 中 List 和 MutableList 的区别
  • VS2022 Qt配置Qxlsx
  • Oracle02-安装
  • Kotlin空安全解决Android NPE问题
  • 13.Spring boot中使用Actuator 监控
  • 链表的面试题3找出中间节点
  • git “分离头指针”(detached HEAD) 状态。
  • 【上位机——MFC】绘图
  • Servlet--快速入门及HTTP概述
  • DXFViewer进行中2 -> 直线 解析+渲染 ✅已完成
  • uniapp开发09-设置一个tabbar底部导航栏且配置icon图标
  • react-13react中外部css引入以及style内联样式(动态className与动态style)
  • 貌似我的ollama加载的模型被下载了两份?终于搞懂原理了。
  • 「Mac畅玩AIGC与多模态22」开发篇18 - 多段输出拼接与格式化展现工作流示例
  • ASP.NET Core 中间件
  • 微调大模型如何准备数据集——常用数据集,Alpaca和ShareGPT
  • PyTorch 与 TensorFlow 中基于自定义层的 DNN 实现对比
  • 基于Piecewise Jerk Speed Optimizer的速度规划算法(附ROS C++/Python仿真)
  • 免费视频压缩软件
  • 应用服务器Tomcat
  • 【优选算法 | 模拟】探索模拟算法: 编程与问题分析的双重 考验
  • SVG数据可视化设计(AI)完全工作流解读|计育韬