家庭影院管理系统应用

---

欢迎加入开源鸿蒙跨平台社区：
https://openharmonycrossplatform.csdn.net

一、项目概述

运行效果图

1.1 应用简介

家庭影院管理系统是一款智能家居类应用，为用户提供统一管理家庭影院设备的解决方案。支持投影仪、音响、灯光、窗帘、空调等多种设备的智能控制，根据影片类型自动调节灯光亮度、音响音量、窗帘状态，一键进入观影模式，打造沉浸式家庭影院体验。

应用以深邃的黑色为主色调，象征影院的黑暗环境与专业氛围。涵盖控制中心、设备管理、观影场景、系统设置四大模块。用户可以快速切换观影模式，管理各类设备，自定义观影场景，享受智能化的家庭影院体验。

1.2 核心功能

功能模块	功能描述	实现方式
模式切换	一键切换观影/音乐/游戏/阅读模式	枚举定义 + 状态联动
设备管理	统一管理投影仪、音响、灯光等设备	设备模型 + 开关控制
场景应用	根据影片类型自动调节设备参数	预设场景 + 参数配置
灯光控制	调节主灯和氛围灯亮度	滑块控制
音响控制	调节音响音量	滑块控制
窗帘控制	控制电动窗帘开关	开关控制

1.3 设备类型定义

序号	设备名称	Emoji	颜色	功能描述
1	投影仪	📽️	#2196F3	视频播放设备
2	音响	🔊	#4CAF50	音频输出设备
3	灯光	💡	#FFEB3B	照明设备
4	窗帘	🪟	#9C27B0	遮光设备
5	空调	❄️	#00BCD4	温控设备
6	播放器	🎬	#FF5722	媒体播放设备

1.4 影院模式定义

序号	模式名称	Emoji	颜色	设备状态
1	关闭	⭕	#757575	所有设备关闭
2	观影模式	🎬	#E91E63	全设备开启，灯光调暗
3	音乐模式	🎵	#9C27B0	音响+氛围灯
4	游戏模式	🎮	#4CAF50	投影仪+音响+氛围灯
5	阅读模式	📖	#FFEB3B	主灯高亮

1.5 影片类型定义

序号	类型名称	Emoji	颜色	推荐设置
1	动作片	💥	#F44336	音量80%，灯光10%
2	喜剧片	😂	#FFEB3B	音量60%，灯光15%
3	恐怖片	👻	#9C27B0	音量70%，灯光5%
4	爱情片	💕	#E91E63	音量50%，灯光20%
5	科幻片	🚀	#2196F3	音量85%，灯光15%
6	纪录片	📹	#4CAF50	音量55%，灯光25%

1.6 技术栈

技术领域	技术选型	版本要求
开发框架	Flutter	>= 3.0.0
编程语言	Dart	>= 2.17.0
设计规范	Material Design 3	-
动画控制	AnimationController	-
目标平台	鸿蒙OS / Web	API 21+

1.7 项目结构

lib/
└── main_home_cinema.dart
    ├── HomeCinemaApp                 # 应用入口
    ├── DeviceType                    # 设备类型枚举
    ├── MovieGenre                    # 影片类型枚举
    ├── CinemaMode                    # 影院模式枚举
    ├── Device                        # 设备模型
    ├── MovieScene                    # 观影场景模型
    ├── HomeCinemaHomePage            # 主页面（底部导航）
    ├── _buildControlPage             # 控制中心页
    ├── _buildDevicesPage             # 设备管理页
    ├── _buildScenesPage              # 观影场景页
    └── _buildSettingsPage            # 系统设置页

---

二、系统架构

2.1 整体架构图

2.2 类图设计

2.3 页面导航流程

2.4 模式切换流程

---

三、核心模块设计

3.1 数据模型设计

3.1.1 设备类型枚举 (DeviceType)

enum DeviceType {
  projector('投影仪', '📽️', Color(0xFF2196F3)),
  speaker('音响', '🔊', Color(0xFF4CAF50)),
  light('灯光', '💡', Color(0xFFFFEB3B)),
  curtain('窗帘', '🪟', Color(0xFF9C27B0)),
  airConditioner('空调', '❄️', Color(0xFF00BCD4)),
  player('播放器', '🎬', Color(0xFFFF5722));

  final String label;
  final String emoji;
  final Color color;
}

3.1.2 影院模式枚举 (CinemaMode)

enum CinemaMode {
  off('关闭', '⭕', Color(0xFF757575)),
  movie('观影模式', '🎬', Color(0xFFE91E63)),
  music('音乐模式', '🎵', Color(0xFF9C27B0)),
  game('游戏模式', '🎮', Color(0xFF4CAF50)),
  reading('阅读模式', '📖', Color(0xFFFFEB3B));

  final String label;
  final String emoji;
  final Color color;
}

3.1.3 设备模型 (Device)

class Device {
  final String id;              // 设备ID
  final DeviceType type;        // 设备类型
  final String name;            // 设备名称
  final bool isOn;              // 开关状态
  final int brightness;         // 亮度值
  final int volume;             // 音量值

  Device copyWith({
    bool? isOn,
    int? brightness,
    int? volume,
  });
}

3.1.4 观影场景模型 (MovieScene)

class MovieScene {
  final String id;              // 场景ID
  final String name;            // 场景名称
  final MovieGenre genre;       // 影片类型
  final int lightBrightness;    // 灯光亮度
  final int speakerVolume;      // 音响音量
  final bool curtainClosed;     // 窗帘状态
  final int temperature;        // 温度设置
}

3.1.5 设备状态分布

3.2 页面结构设计

3.2.1 主页面布局

3.2.2 控制中心结构

3.2.3 设备管理结构

3.2.4 观影场景结构

3.3 模式切换逻辑

3.4 场景应用逻辑

---

四、UI设计规范

4.1 配色方案

应用以深邃的黑色为主色调，象征影院的黑暗环境与专业氛围：

颜色类型	色值	用途
主色	#212121 (Black)	导航、主题元素
背景深色	#1A1A2E	页面背景
背景次色	#16213E	渐变过渡
背景底色	#0F0F1A	底部背景
卡片背景	#FFFFFF 5%	内容卡片
文字主色	#FFFFFF	主要文字

4.2 设备专属颜色

设备	色值	视觉效果
投影仪	#2196F3	蓝色科技感
音响	#4CAF50	绿色活力
灯光	#FFEB3B	黄色明亮
窗帘	#9C27B0	紫色优雅
空调	#00BCD4	青色清凉
播放器	#FF5722	橙色热情

4.3 字体规范

元素	字号	字重	颜色
页面标题	24px	Bold	#FFFFFF
模式名称	16px	Bold	#FFFFFF
设备名称	14px	Medium	#FFFFFF
状态文字	12px	Regular	#FFFFFF 70%
参数数值	12px	Regular	#FFFFFF 80%

4.4 组件规范

4.4.1 模式选择卡片

┌─────────────────────────────────────┐
│  快速切换模式                        │
│                                     │
│  ┌──────┐ ┌──────┐ ┌──────┐        │
│  │  🎬  │ │  🎵  │ │  🎮  │        │
│  │观影  │ │音乐  │ │游戏  │        │
│  │模式  │ │模式  │ │模式  │        │
│  └──────┘ └──────┘ └──────┘        │
└─────────────────────────────────────┘

4.4.2 快捷控制卡片

┌─────────────────────────────────────┐
│  ┌──────────┐  ┌──────────┐        │
│  │    🎬    │  │    🎵    │        │
│  │ 一键观影 │  │ 一键音乐 │        │
│  │ 开启设备 │  │ 氛围模式 │        │
│  └──────────┘  └──────────┘        │
└─────────────────────────────────────┘

4.4.3 设备状态网格

┌─────────────────────────────────────┐
│  设备状态                    5/7在线│
│                                     │
│  ┌───┐ ┌───┐ ┌───┐ ┌───┐          │
│  │📽️│ │🔊│ │💡│ │🪟│          │
│  │投影│ │音响│ │灯光│ │窗帘│          │
│  └───┘ └───┘ └───┘ └───┘          │
└─────────────────────────────────────┘

4.4.4 场景卡片

┌─────────────────────────────────────┐
│  ┌──────┐                           │
│  │  💥  │  动作大片        [应用]   │
│  │      │  动作片                    │
│  └──────┘                           │
│  💡 10%  🔊 80%  🪟 关闭  ❄️ 22°C   │
└─────────────────────────────────────┘

4.4.5 设备控制卡片

┌─────────────────────────────────────┐
│  ┌──────┐                           │
│  │  💡  │  主灯              [开关] │
│  │      │  已开启                    │
│  └──────┘                           │
│  亮度 ────────●─────────── 50%      │
└─────────────────────────────────────┘

---

五、核心功能实现

5.1 模式切换实现

void _switchMode(CinemaMode mode) {
  setState(() {
    _currentMode = mode;
    
    if (mode == CinemaMode.off) {
      for (var key in _devices.keys) {
        _devices[key] = _devices[key]!.copyWith(isOn: false);
      }
    } else if (mode == CinemaMode.movie) {
      for (var key in _devices.keys) {
        _devices[key] = _devices[key]!.copyWith(isOn: true);
      }
      _devices['light_main'] = _devices['light_main']!.copyWith(brightness: 10);
      _devices['speaker'] = _devices['speaker']!.copyWith(volume: 70);
    }
  });
}

5.2 设备开关控制

void _toggleDevice(String deviceId) {
  setState(() {
    final device = _devices[deviceId]!;
    _devices[deviceId] = device.copyWith(isOn: !device.isOn);
  });
}

5.3 场景应用实现

void _applyScene(MovieScene scene) {
  setState(() {
    _currentMode = CinemaMode.movie;
    
    for (var key in _devices.keys) {
      _devices[key] = _devices[key]!.copyWith(isOn: true);
    }
    
    _devices['light_main'] = _devices['light_main']!.copyWith(
      brightness: scene.lightBrightness,
    );
    _devices['speaker'] = _devices['speaker']!.copyWith(
      volume: scene.speakerVolume,
    );
  });
}

5.4 影片类型场景应用

void _applyMovieScene(MovieGenre genre) {
  _switchMode(CinemaMode.movie);
  
  ScaffoldMessenger.of(context).showSnackBar(
    SnackBar(
      content: Text('已应用${genre.label}场景设置'),
      backgroundColor: genre.color,
    ),
  );
}

---

六、交互设计

6.1 模式切换流程

6.2 设备控制流程

6.3 场景应用流程

---

七、扩展功能规划

7.1 后续版本规划

7.2 功能扩展建议

7.2.1 真实设备连接

连接功能：

• WiFi/蓝牙设备发现
• 设备配对与绑定
• 实时状态同步
• 远程控制支持

7.2.2 语音控制

语音功能：

• 语音唤醒识别
• 自然语言指令
• 多语言支持
• 离线语音识别

7.2.3 智能推荐

推荐功能：

• 观影习惯分析
• 个性化场景推荐
• 自动化场景创建
• 能耗优化建议

---

八、注意事项

8.1 开发注意事项

1. 状态同步：设备状态变更需及时更新UI

2. 动画性能：发光动画需控制刷新频率

3. 设备联动：模式切换需正确处理设备依赖

4. 错误处理：设备控制失败需有友好提示

5. 数据持久化：设备状态需持久化保存

8.2 常见问题

问题	原因	解决方案
状态不同步	setState未调用	确保状态更新
动画卡顿	刷新频率过高	调整动画时长
设备无响应	模拟数据	接入真实设备
模式切换异常	逻辑错误	检查条件判断
UI显示错误	颜色透明度	调整alpha值

8.3 使用技巧

🎬 家庭影院管理系统使用技巧 🎬

模式切换建议

• 观影模式：适合电影、电视剧观看
• 音乐模式：适合听歌、播客
• 游戏模式：适合游戏、体育直播
• 阅读模式：适合看书、浏览

场景设置技巧

• 动作片：调高音量，增强沉浸感
• 恐怖片：调暗灯光，营造氛围
• 爱情片：柔和灯光，温馨舒适
• 科幻片：适中设置，平衡体验

设备管理建议

• 定期检查设备连接状态
• 合理设置灯光亮度保护眼睛
• 根据房间大小调整音量
• 使用定时功能自动关闭设备

---

九、运行说明

9.1 环境要求

环境	版本要求
Flutter SDK	>= 3.0.0
Dart SDK	>= 2.17.0
鸿蒙OS	API 21+
Web浏览器	Chrome 90+

9.2 运行命令

# 查看可用设备
flutter devices

# 运行到Web服务器
flutter run -d web-server -t lib/main_home_cinema.dart --web-port 8141

# 运行到鸿蒙设备
flutter run -d 127.0.0.1:5555 lib/main_home_cinema.dart

# 代码分析
flutter analyze lib/main_home_cinema.dart

---

十、总结

家庭影院管理系统通过控制中心、设备管理、观影场景、系统设置四大模块，为用户提供了一个便捷的家庭影院智能控制平台。应用支持投影仪、音响、灯光、窗帘、空调等多种设备的统一管理，根据影片类型自动调节设备参数，一键进入观影模式。

核心功能涵盖模式切换、设备管理、场景应用、参数调节四大模块。模式切换支持观影、音乐、游戏、阅读四种预设模式；设备管理提供开关控制和参数调节；场景应用根据影片类型自动配置设备参数；参数调节支持灯光亮度和音响音量的精细控制。

应用采用 Material Design 3 设计规范，以深邃的黑色为主色调，象征影院的黑暗环境与专业氛围。通过本应用，希望能够帮助用户打造沉浸式家庭影院体验，享受智能化的观影生活。

家庭影院管理系统——一键进入观影模式

---