Flutter Slides

Flutter Slides 利用 Flutter Desktop Embedding 提供了一个简单的幻灯片演示应用。演示文稿通过磁盘上的文件进行数据驱动,因此用户无需更新项目中的任何代码即可创建自己的演示文稿。

有关 演示文件结构动画内容类型导出和共享演示文稿 的更多详细信息,请参阅 wiki页面

_

功能

  • 支持任何格式正确的演示文稿。有关文件格式的详细信息,请参阅 wiki
  • 更新并保存演示文件时实时更新
  • 前进步骤
  • 揭示动画
  • 自定义 Flutter 内容(需要代码更改)

入门

目前仅支持 macOS。

构建

要求

  • Xcode 10 或更高版本
  • Flutter 跟踪 master 分支(为何?

如果您的版本早于这些提交,它肯定无法工作。如果晚于这些提交,它可能可以工作,但我们无法做出任何保证。

  • 您的 Flutter Desktop Embedding 版本必须是此提交 0621734
  • 您的 Flutter 版本必须是此提交 b45a8f464d

设置

该项目的工具和构建基础设施要求您拥有
一个 Flutter 树和 Flutter Desktop Embedding 在克隆项目的父目录中
此项目

<parent dir>
  ├─ flutter (from http://github.com/flutter/flutter)
  ├─ flutter-desktop-embedding (from https://github.com/google/flutter-desktop-embedding)
  └─ flutter_slides (from https://github.com/flutter/slideplayer)

或者,您可以将一个 .flutter_location_config 文件放在包含 flutter-desktop-embedding 的目录中,其中包含指向要使用的 Flutter 树的路径,如果您不想让 Flutter 树与 flutter-desktop-emebbing 并排放置。
使用,如果您更喜欢不将 Flutter 树与 flutter-desktop-emebbing 并排放置。
使用,如果您更喜欢不将 Flutter 树与 flutter-desktop-emebbing 并排放置。

运行

打开 macos 下的 FlutterSlides.xcodeproj,然后构建并运行 Flutter Slides 目标。
如果第一次运行时出现构建错误,请尝试清理并再次运行。

运行后,您可以打开项目根目录下的 example_presentation 文件夹中的 flutter_live.json 文件作为示例。

运行应用

  1. 转到 文件 -> 打开(或点击可见的“打开”按钮)
  2. 选择一个 Flutter Slides 文件。示例文件 flutter_live.json 包含在项目根目录的 example_presentation 文件夹中。下次运行应用时,它将自动尝试打开此文件。
  3. 使用下面列出的控件在应用中导航。

前进

  • 右箭头
  • 或,空格键

后退

  • 左箭头

切换幻灯片选择器侧边栏

  • ] 显示
  • [ 隐藏

在侧边栏中更改到新的幻灯片

  • z + 点击 幻灯片

全屏演示

  • cmd + ctl + F
  • 或,选择窗口左上角的绿色“全屏”按钮

退出全屏

  • cmd + ctl + F
  • 或,将光标移到屏幕顶部,然后点击左上角的绿色按钮

GitHub

查看 Github