HistoryOfEverything快速入门：10分钟搭建你的第一个时间线应用

HistoryOfEverything快速入门：10分钟搭建你的第一个时间线应用

【免费下载链接】HistoryOfEverything 项目地址: https://gitcode.com/gh_mirrors/hi/HistoryOfEverything

想要创建一个精美的时间线应用，展示从宇宙大爆炸到互联网诞生的历史事件吗？✨ HistoryOfEverything 是一个基于 Flutter 开发的垂直时间线应用，让你能够轻松浏览、探索和比较历史事件。每个事件都有精美的插图和动画，让历史学习变得生动有趣！

📋 项目概述

HistoryOfEverything 是一个开源的时间线可视化应用，由 2Dimensions 团队使用 Flutter 开发。它通过三个主要视图组织内容：

• 主菜单 (app/lib/main_menu) - 应用的初始界面，包含搜索栏和三个主要时代分类
• 时间线 (app/lib/timeline) - 垂直滚动的时间线，支持缩放操作
• 文章页面 (app/lib/article) - 显示事件的详细描述和动画

🛠️ 环境准备与安装

第一步：克隆项目

git clone https://gitcode.com/gh_mirrors/hi/HistoryOfEverything.git
cd HistoryOfEverything/app
git submodule init
git submodule update

第二步：安装 Flutter 依赖

flutter pub get

第三步：运行应用

flutter run

🎯 核心功能体验

时间线导航

应用的核心是垂直时间线，从 138 亿年前的宇宙大爆炸开始，一直到现代互联网的诞生。你可以：

• 上下滚动 浏览不同历史时期
• 缩放操作 查看更详细的时间段
• 点击事件 查看完整的文章和动画

📁 项目结构解析

HistoryOfEverything/
├── app/                    # 主要应用代码
│   ├── lib/
│   │   ├── main.dart         # 应用入口
│   │   ├── main_menu/         # 主菜单组件
│   │   ├── timeline/          # 时间线核心逻辑
│   │   └── article/          # 文章页面组件
├── assets/                 # 资源文件
│   ├── Articles/           # 文本内容
│   ├── Big_Bang/          # 大爆炸动画资源
└── dependencies/           # 第三方依赖

🎨 自定义你的时间线

添加新事件

在 app/assets/timeline.json) 文件中，你可以轻松添加新的事件：

{
  "date": 2024,
  "label": "AI 革命",
  "article": "ai_revolution.txt",
  "asset": {
    "source": "AI_Revolution/AI_Revolution.nma",
    "width": 528,
    "height": 528
}

配置动画参数

每个事件都可以配置详细的动画参数：

• width 和 height：动画尺寸
• offset：位置偏移
• bounds：边界框设置

🚀 快速开发技巧

利用现有模板

项目中包含了 50+ 个历史事件的完整模板，你可以基于这些模板快速创建新内容。

📱 平台适配

项目支持 iOS 和 Android 平台，通过 app/pubspec.yaml) 配置了完整的跨平台支持。

💡 进阶功能

收藏功能

用户可以将喜欢的事件加入收藏夹，应用会在左侧显示收藏标记。

搜索功能

内置强大的搜索功能，帮助用户快速找到感兴趣的历史时期。

🎉 开始你的时间线之旅

现在你已经了解了 HistoryOfEverything 的基本结构和功能，是时候开始创建属于你自己的时间线应用了！🎊

记住，这个项目的强大之处在于它的模块化设计和丰富的动画支持。无论你是想创建一个教育应用、历史展示，还是个人时间线项目，HistoryOfEverything 都为你提供了完美的起点。

开始探索历史的奥秘，让每个事件都在你的指尖生动起来！🚀

【免费下载链接】HistoryOfEverything 项目地址: https://gitcode.com/gh_mirrors/hi/HistoryOfEverything