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

一、项目概述

运行效果图

image-20260407230834624

image-20260407230843041

image-20260407230851988

image-20260407230858659

1.1 应用简介

沉默挑战是一款充满趣味和社交属性的互动游戏应用。玩家与朋友一起挑战保持沉默10分钟，在这段时间内，谁先说话谁就输了。应用通过实时监测、尴尬指数计算、参与者状态追踪等功能，将"尴尬"变成一种有趣的社交体验。

应用核心理念：沉默是金，尴尬是银，友谊是钻石。

在这个快节奏的时代，我们习惯了不停地说话、表达、分享。沉默挑战让我们重新审视沉默的价值，在尴尬中感受友谊的温度，在静谧中体会陪伴的意义。这不仅是一个游戏，更是一次关于沟通与理解的社交实验。

1.2 核心功能

功能模块 功能描述 实现方式
挑战计时 10分钟倒计时 Timer定时器
参与者管理 多人参与状态追踪 状态管理
声音检测 模拟检测谁打破沉默 随机触发机制
尴尬指数 实时尴尬程度计算 算法计算
挑战历史 记录历史挑战结果 内存存储
成就系统 统计成功率 数据统计

1.3 挑战状态

状态名称 Emoji 描述 触发条件
等待中 ⏳ 等待开始挑战 初始状态
进行中 🎯 挑战正在进行 点击开始
已完成 🎉 成功完成挑战 计时结束
已失败 😅 有人打破沉默 全员说话

1.4 打破沉默的原因

序号 原因 Emoji 触发概率
1 忍不住笑了 😂 随机
2 打了个喷嚏 🤧 随机
3 手机响了 📱 随机
4 肚子叫了 😅 随机
5 咳嗽了一声 🤧 随机
6 叹了口气 😔 随机
7 说了"好安静啊" 🤫 随机
8 说了"好尴尬啊" 😅 随机

1.5 技术栈

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

二、项目结构

lib/
├── main_silence_challenge.dart    # 应用主入口（~750行）
│   ├── SilenceChallengeApp        # 根应用组件
│   ├── ChallengeStatus            # 挑战状态枚举
│   ├── Participant                # 参与者模型
│   ├── Challenge                  # 挑战模型
│   └── SilenceChallengeHomePage   # 主页面

三、数据模型

3.1 挑战状态枚举 (ChallengeStatus)

enum ChallengeStatus {
  waiting,    // 等待中
  inProgress, // 进行中
  completed,  // 已完成
  failed,     // 已失败
}

3.2 参与者模型 (Participant)

class Participant {
  final String name;        // 参与者姓名
  final String avatar;      // 头像Emoji
  bool isSilent;            // 是否保持沉默
  DateTime? breakTime;      // 打破沉默时间
  String breakReason;       // 打破沉默原因
}

3.3 挑战模型 (Challenge)

class Challenge {
  final int durationMinutes;          // 挑战时长（分钟）
  final List<Participant> participants; // 参与者列表
  DateTime startTime;                 // 开始时间
  ChallengeStatus status;             // 挑战状态
  int currentSeconds;                 // 当前已过秒数
  double awkwardnessLevel;            // 尴尬指数（0.0-1.0）
}

3.4 数据流转图

否

是

是

否

否

是

开始挑战

创建Challenge

初始化参与者

启动计时器

时间到?

检测声音

有人说话?

记录打破沉默

全员说话?

挑战失败

更新尴尬指数

挑战成功

四、核心功能实现

4.1 挑战启动

void _startChallenge() {
  setState(() {
    _currentChallenge = Challenge(
      durationMinutes: 10,
      participants: List.from(_defaultParticipants),
      startTime: DateTime.now(),
      status: ChallengeStatus.inProgress,
      currentSeconds: 0,
      awkwardnessLevel: 0,
    );
  });

  // 启动挑战计时器
  _challengeTimer = Timer.periodic(const Duration(seconds: 1), (timer) {
    setState(() {
      _currentChallenge!.currentSeconds++;

      if (_currentChallenge!.currentSeconds >= _currentChallenge!.durationMinutes * 60) {
        _completeChallenge();
      } else {
        _checkForSound();
      }
    });
  });

  // 启动尴尬指数更新
  _awkwardnessTimer = Timer.periodic(const Duration(milliseconds: 100), (timer) {
    setState(() {
      _currentChallenge!.awkwardnessLevel = 
          (_currentChallenge!.currentSeconds / (_currentChallenge!.durationMinutes * 60)) * 0.7 +
          _random.nextDouble() * 0.1;
    });
  });
}

4.2 声音检测模拟

void _checkForSound() {
  if (_currentChallenge == null) return;

  // 0.3%的概率触发打破沉默
  if (_random.nextDouble() < 0.003) {
    final silentParticipants = _currentChallenge!.participants
        .where((p) => p.isSilent)
        .toList();
    if (silentParticipants.isEmpty) return;

    final breaker = silentParticipants[_random.nextInt(silentParticipants.length)];
    _breakSilence(breaker);
  }
}

4.3 打破沉默处理

void _breakSilence(Participant participant) {
  if (_currentChallenge == null) return;

  final reasons = [
    '忍不住笑了',
    '打了个喷嚏',
    '手机响了',
    '肚子叫了',
    '咳嗽了一声',
    '叹了口气',
    '说了"好安静啊"',
    '说了"好尴尬啊"',
  ];

  setState(() {
    participant.isSilent = false;
    participant.breakTime = DateTime.now();
    participant.breakReason = reasons[_random.nextInt(reasons.length)];
  });

  // 触发震动动画
  _shakeController.forward(from: 0);

  // 显示提示
  ScaffoldMessenger.of(context).showSnackBar(
    SnackBar(
      content: Text('${participant.name}打破了沉默！${participant.breakReason}'),
      backgroundColor: Colors.orange.shade700,
    ),
  );

  // 检查是否全员失败
  final allBroken = _currentChallenge!.participants.every((p) => !p.isSilent);
  if (allBroken) {
    _failChallenge();
  }
}

4.4 尴尬指数计算

尴尬指数随时间增长，并带有随机波动：

// 尴尬指数 = 基础值 + 随机波动
awkwardnessLevel = (currentSeconds / totalSeconds) * 0.7 + random * 0.1

尴尬指数等级：

指数范围 等级 描述 颜色
0% - 30% 轻松 氛围还算轻松… 绿色
30% - 60% 尴尬 开始有点尴尬了… 黄色
60% - 80% 爆表 尴尬指数爆表！ 橙色
80% - 100% 凝固 空气都要凝固了！ 红色

五、UI设计

5.1 色彩系统

应用以深邃的宇宙蓝为背景，营造神秘氛围：

颜色类型 色值 用途
背景渐变1 #1A1A2E 深紫黑
背景渐变2 #16213E 深蓝
背景渐变3 #0F3460 海军蓝
主色调 #5C6BC0 靛蓝色
成功色 #4CAF50 绿色
失败色 #F44336 红色
警告色 #FF9800 橙色

5.2 页面结构

5.2.1 等待页面
┌─────────────────────────────────────┐
│  🤫 沉默挑战                       │  ← 标题卡片
│  和朋友一起沉默10分钟               │
├─────────────────────────────────────┤
│  ┌───────────────────────────────┐ │
│  │      准备好了吗？             │ │
│  │  挑战规则：所有人保持沉默10分钟│ │  ← 开始卡片
│  │  谁说话谁就输了！             │ │
│  │                               │ │
│  │  😊  😎  🤗  😄              │ │
│  │  我  小明 小红 小华           │ │
│  │                               │ │
│  │      [开始挑战]               │ │
│  └───────────────────────────────┘ │
├─────────────────────────────────────┤
│  总挑战    成功     成功率         │  ← 统计卡片
│    2        1        50%           │
├─────────────────────────────────────┤
│  挑战历史                          │
│  ┌─────────────────────────────┐  │
│  │ 🎉 挑战成功  2人·5分钟  05:00│  ← 历史卡片
│  └─────────────────────────────┘  │
│  ┌─────────────────────────────┐  │
│  │ 😅 挑战失败  2人·10分钟 05:42│  │
│  └─────────────────────────────┘  │
└─────────────────────────────────────┘
5.2.2 挑战进行页面
┌─────────────────────────────────────┐
│  沉默挑战进行中          ● 进行中   │
│                                     │
│           ╱───────╲                │
│         ╱           ╲              │
│        │   05:23     │             │  ← 进度环
│        │  / 10:00    │             │
│         ╲           ╱              │
│           ╲───────╱                │
├─────────────────────────────────────┤
│  尴尬指数                    52.3%  │
│  ████████████░░░░░░░░░░░░░░░       │  ← 尴尬指数
│  开始有点尴尬了...                  │
├─────────────────────────────────────┤
│  参与者状态                         │
│  ┌──────────┐  ┌──────────┐        │
│  │ 😊 我    │  │ 😎 小明  │        │
│  │ 🔇 沉默  │  │ 🔇 沉默  │        │  ← 参与者网格
│  └──────────┘  └──────────┘        │
│  ┌──────────┐  ┌──────────┐        │
│  │ 🤗 小红  │  │ 😄 小华  │        │
│  │ 🔇 沉默  │  │ 🔇 沉默  │        │
│  └──────────┘  └──────────┘        │
├─────────────────────────────────────┤
│  💡 小贴士                          │
│  • 不要看对方，看手机或窗外          │  ← 提示卡片
│  • 想些开心的事，别笑出来            │
├─────────────────────────────────────┤
│  [放弃挑战]    [我打破了]           │  ← 控制按钮
└─────────────────────────────────────┘

5.3 交互设计

交互元素 触发方式 响应行为
开始按钮 点击 开始挑战计时
放弃按钮 点击 取消当前挑战
我打破了按钮 点击 标记自己打破沉默
历史卡片 滚动 查看历史记录

六、动画详解

6.1 动画控制器

应用使用三个动画控制器：

// 脉冲动画：标题图标呼吸效果
_pulseController = AnimationController(
  vsync: this,
  duration: const Duration(milliseconds: 1500),
)..repeat(reverse: true);

// 震动动画：有人打破沉默时
_shakeController = AnimationController(
  vsync: this,
  duration: const Duration(milliseconds: 500),
);

// 成功动画：挑战成功时
_successController = AnimationController(
  vsync: this,
  duration: const Duration(milliseconds: 1000),
);

6.2 震动动画实现

AnimatedBuilder(
  animation: _shakeController,
  builder: (context, child) {
    final offset = _shakeController.status == AnimationStatus.forward
        ? sin(_shakeController.value * 2 * pi * 3) * 5
        : 0.0;
    return Transform.translate(
      offset: Offset(offset, 0),
      child: child,
    );
  },
  child: _buildChallengeScreen(),
)

6.3 动画时序图

启动阶段 0ms 初始化动画控制器 0ms 加载历史数据 0ms 渲染等待页面 挑战阶段 点击开始 启动计时器 每1秒 更新计时显示 每100ms 更新尴尬指数 随机触发 震动动画 结束阶段 完成/失败 显示对话框 关闭对话框 返回等待页面 沉默挑战动画时序

七、状态管理

7.1 状态分类

状态类型 状态名称 说明
当前挑战 _currentChallenge 当前进行的挑战
挑战历史 _challengeHistory 历史挑战记录
总挑战数 _totalChallenges 累计挑战次数
成功次数 _successfulChallenges 成功挑战次数
计时器 _challengeTimer 挑战计时器
尴尬计时器 _awkwardnessTimer 尴尬指数更新器

7.2 状态流转

初始化

开始挑战

计时完成

全员说话

放弃挑战

关闭对话框

关闭对话框

等待状态

进行状态

成功状态

失败状态

7.3 挑战流程图

参与者 Timer 应用 用户 参与者 Timer 应用 用户 alt [有人打破沉默] loop [每秒] alt [计时完成] [全员失败] 点击开始挑战 创建Challenge 启动计时器 更新时间 检测声音 更新尴尬指数 标记说话 显示提示 检查是否全员失败 显示成功对话框 显示失败对话框

八、尴尬指数算法

8.1 算法原理

尴尬指数是一个综合指标，反映当前挑战的尴尬程度：

A w k w a r d n e s s = α ⋅ t T + β ⋅ r a n d o m Awkwardness = \alpha \cdot \frac{t}{T} + \beta \cdot random Awkwardness=α⋅Tt​+β⋅random

其中：

  • t t t 为当前已过时间（秒）
  • T T T 为总挑战时长（秒）
  • α \alpha α 为时间权重（0.7）
  • β \beta β 为随机波动权重（0.1）
  • r a n d o m random random 为[0, 1]随机数

8.2 尴尬指数曲线

尴尬指数随时间变化曲线 0 2 4 6 8 10 时间（分钟） 1 0.9 0.8 0.7 0.6 0.5 0.4 0.3 0.2 0.1 0 尴尬指数

8.3 尴尬等级划分

尴尬指数

0-30%: 轻松

30-60%: 尴尬

60-80%: 爆表

80-100%: 凝固

氛围还算轻松...

开始有点尴尬了...

尴尬指数爆表！

空气都要凝固了！

九、性能优化

9.1 渲染优化

优化点 实现方式 效果
定时器管理 及时取消Timer 避免内存泄漏
动画释放 dispose中释放 释放资源
状态更新 setState局部更新 减少重绘
列表优化 ListView.builder 按需渲染

9.2 内存管理

@override
void dispose() {
  // 取消定时器
  _challengeTimer?.cancel();
  _awkwardnessTimer?.cancel();
  
  // 释放动画控制器
  _pulseController.dispose();
  _shakeController.dispose();
  _successController.dispose();
  
  super.dispose();
}

9.3 性能指标

指标 目标值 实测值
动画帧率 60fps 60fps
内存占用 < 50MB 待测试
启动时间 < 2s 待测试
CPU占用 < 15% 待测试

十、常见问题

10.1 问题排查

问题 原因 解决方案
计时不准确 Timer未正确启动 检查Timer初始化
动画卡顿 控制器未释放 检查dispose方法
状态不同步 setState未调用 确保状态更新时调用
内存泄漏 Timer未取消 在dispose中取消Timer

10.2 调试技巧

// 打印挑战状态
debugPrint('Challenge status: ${_currentChallenge?.status}');
debugPrint('Current seconds: ${_currentChallenge?.currentSeconds}');
debugPrint('Awkwardness: ${_currentChallenge?.awkwardnessLevel}');

// 打印参与者状态
for (var p in _currentChallenge!.participants) {
  debugPrint('${p.name}: ${p.isSilent ? "沉默" : "说话"}');
}

// 打印统计信息
debugPrint('Total: $_totalChallenges, Success: $_successfulChallenges');

十一、运行说明

11.1 环境要求

环境 版本要求
Flutter SDK >= 3.0.0
Dart SDK >= 2.17.0
鸿蒙OS API 21+

11.2 运行命令

# 查看可用设备
flutter devices

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

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

# 运行到Windows
flutter run -d windows -t lib/main_silence_challenge.dart

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

十二、扩展建议

12.1 功能扩展

功能 优先级 实现思路
真实声音检测 高 集成microphone插件
多人在线 高 使用WebSocket实现
自定义时长 中 添加时长选择器
成就徽章 中 设计成就系统
排行榜 低 云端排行榜
分享功能 低 分享挑战结果

12.2 设计扩展

方向 描述
更多主题 添加不同视觉主题
音效反馈 打破沉默时播放音效
振动反馈 使用设备振动
AR效果 增强现实互动

12.3 技术扩展

2024-01-07 2024-01-14 2024-01-21 2024-01-28 2024-02-04 2024-02-11 2024-02-18 2024-02-25 2024-03-03 2024-03-10 2024-03-17 挑战计时功能 参与者管理 尴尬指数计算 真实声音检测 自定义时长 成就系统 多人在线 排行榜 分享功能 V1.0 基础版本 V1.1 增强版本 V1.2 社交版本 沉默挑战应用开发计划

十三、社交价值分析

13.1 应用价值

沉默挑战不仅是一个游戏，更具有深层的社交价值：

  1. 增进友谊：在尴尬中感受陪伴，在沉默中体会默契
  2. 自我认知：了解自己在压力下的反应
  3. 情绪管理：学会控制笑意、保持冷静
  4. 社交技巧：体验非语言交流的魅力

13.2 心理学意义

沉默挑战

心理学意义

压力测试

自我控制

情绪管理

社交实验

非语言交流

默契培养

正念体验

专注当下

内心平静

13.3 使用场景

场景 适用人群 预期效果
朋友聚会 年轻人 增进友谊，活跃气氛
团队建设 职场人士 培养默契，缓解压力
心理训练 心理爱好者 自我认知，情绪管理
亲子互动 家庭成员 增进感情，培养耐心

十四、总结

沉默挑战应用通过创新的"沉默游戏"概念，为用户提供了一种全新的社交互动方式。应用核心亮点包括：

14.1 核心特色

  1. 创新玩法：将"尴尬"变成有趣的游戏体验
  2. 实时追踪：参与者状态实时更新显示
  3. 尴尬指数：科学计算尴尬程度，增加趣味性
  4. 历史记录：保存挑战历史，追踪成长
  5. 成就系统：统计成功率，激励挑战

14.2 技术亮点

  • Timer精确计时：使用Timer实现秒级精确计时
  • 随机触发机制：模拟真实的声音检测场景
  • 动画效果丰富：脉冲、震动、成功动画增强体验
  • 状态管理清晰：挑战状态流转逻辑清晰
  • UI设计精美：深邃宇宙蓝主题，营造神秘氛围

14.3 应用价值

沉默挑战不仅是一款娱乐应用，更是一次关于沟通与理解的社交实验。它让我们重新审视沉默的价值，在快节奏的生活中找到片刻宁静，在尴尬中感受友谊的温度。

沉默是金，尴尬是银，友谊是钻石！

愿每一次沉默都能让友谊更加珍贵 🤫

# flutter # harmonyos # 华为
Logo
人工智能6S服务平台

作为“人工智能6S店”的官方数字引擎，为AI开发者与企业提供一个覆盖软硬件全栈、一站式门户。

更多推荐

cover

Flutter 框架跨平台鸿蒙开发 - 情绪过山车应用

avatar 人工智能6S服务平台
cover

Flutter 框架跨平台鸿蒙开发 - 每日一问应用

avatar 人工智能6S服务平台
cover

Flutter 框架跨平台鸿蒙开发 - 思维录音机应用

avatar 人工智能6S服务平台