DeckUI核心概念速览:Deck、Slide与Presenter三件套如何构建你的幻灯片
DeckUI核心概念速览Deck、Slide与Presenter三件套如何构建你的幻灯片【免费下载链接】DeckUISwift DSL for writing slide decks in Xcode项目地址: https://gitcode.com/gh_mirrors/de/DeckUIDeckUI是一个用 Swift DSL领域特定语言在 Xcode 里直接编写幻灯片slide decks的开源库。你不需要 Keynote也不需要记复杂的 SwiftUI——只要理解Deck幻灯片合集、Slide单页、Presenter放映器这三个核心概念就能用熟悉的 Swift 代码快速做出可交互、可演示的幻灯片还支持代码高亮、演讲者备注和摄像头画面。一、Deck一行代码声明整副幻灯片Deck是整套幻灯片的容器就像 Keynote 里的那个文档。它只有一个必填参数title主题默认使用.dark也可以传入自定义Theme。定义位置Sources/DeckUI/DSL/Deck.swift内部通过SlideArrayBuilder结果构造器让你像搭积木一样在Deck里写下一串Slide主题系统见 Sources/DeckUI/DSL/Theme.swift内置.dark、.black、.white三种主题也能自定义颜色与字体Deck(title: SwiftConf 2026) { Slide(alignment: .center) { Title(Welcome to DeckUI) } }二、Slide单页幻灯片能放什么Slide是一页幻灯片的原子单位定义了 Sources/DeckUI/DSL/Slide.swift。每页可单独设置参数作用alignment内容对齐方式居中、顶部等padding页内边距theme覆盖整套 Deck 的主题comment演讲者备注Presenter Notestransition该页专属的切换动画页面内容由 Sources/DeckUI/DSL/ContentItems/ 目录下的内容项组成全部遵循统一的 ContentItem 协议Title / Words— 大标题与普通文本框Bullets— 把Words变成列表圆点或破折号样式Columns— 一页分多栏排版Media— 图片与视频Code— 等宽代码块按上下方向键可逐行高亮 ⌨️RawView— 塞入任意 SwiftUI 视图完全可交互三、Presenter真正放映幻灯片的 SwiftUI 视图Presenter是三件套里唯一的 SwiftUI 视图源码见 Sources/DeckUI/Views/Presenter.swift。它接收一个Deck负责按 1920×1080 默认分辨率等比缩放适配任意窗口与大屏键盘左右方向键翻页macOS滑动手势翻页iOS水平/垂直切换动画支持loop循环播放showCamera: true时右下角浮出圆形摄像头画面适合录课直播 翻页状态统一由 Sources/DeckUI/PresentationState.swift 管理外接显示器时自动显示演讲者备注页struct ContentView: View { var body: some View { Presenter(deck: self.deck) } }四、快速上手三步跑起你的第一份幻灯片添加依赖在 Xcode 中File Swift Packages Add Package Dependency引入 DeckUI通过 Swift Package Manager 分发定义 Deck按第二节的方式写一个包含若干Slide的Deck交给 Presenter把Presenter(deck:)放进你的 SwiftUI 视图运行即可完整可运行的示例就在 Examples/Demo/Shared/ContentView.swift打开它可以看到标题页、图片、视频、分栏、代码高亮、自定义主题等全部玩法。五、新手常见问题 不用会 SwiftUI 吗会更好但Deck/Slide/Title/Words/Bullets/Media/Columns这些 DSL 组件已覆盖 90% 的排版需求主题在哪里改在Deck上设全局主题或在单个Slide上用theme:参数局部覆盖演讲备注怎么看给Slide传comment: 备注内容外接大屏时会自动出现备注视图PresenterNotesView.swift适合生产环境吗作者建议只用于单次演讲演示性能并非优化重点掌握Deck → Slide → Presenter这条主线你就拥有了 DeckUI 的全部骨架声明合集、填充页面、交给放映器——剩下的细节去示例工程里抄作业即可 ✨【免费下载链接】DeckUISwift DSL for writing slide decks in Xcode项目地址: https://gitcode.com/gh_mirrors/de/DeckUI创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

相关新闻