Skip to content

Latest commit

 

History

History
103 lines (86 loc) · 3.96 KB

File metadata and controls

103 lines (86 loc) · 3.96 KB

SplashScreenKit

SwiftUI 全新啟動頁面 (Splash Screen)

Region Languages
Global English
Asia 廣東話 繁體中文 简体中文 日本語 한국어 Indo हिन्दी
Europe Français Deutsch Español Русский Polski Türkçe
ME & Africa العربية Kiswahili
Screenshot 2025-02-10 at 8 18 53 PM

版本

2.2.3 (穩定版本)
針對高性能互動優化,做到零卡頓。

  • 無縫無限輪播: 全新虛擬索引邏輯,防止「卡片飛走」,確保無限旋轉順滑。
  • 性能優化: 採用 Metal 加速渲染 (drawingGroup) 同埋透過 RunLoop 進行高效嘅每幀更新。
  • 動量捲動: 絲滑般流暢、基於速度嘅互動手勢,有原生嘅減速感。
  • AsyncImage 支援: 經過預先驗證嘅 URL 處理,實現無延遲嘅遠端圖片載入。
  • 兩種顯示模式: 可以喺動態嘅 .carousel 同優雅嘅 .static 佈局之間選擇。
  • 高級文字效果: 利用 SwiftUI 6.0 功能實現靚嘅文字渲染同過渡效果。

環境 / 測試平台

  • 📲 需要 iOS 18.0+
  • Swift 6.0
  • Xcode 16.0+

點樣使用

將套件加落你個 Project: https://github.com/1998code/19-Splash-Screen-for-SwiftUI

輪播模式 (預設)

經典嘅圖片旋轉互動體驗。

SplashScreen(
    images: [
        Photo("ImageName1"),
        Photo("https://example.com/image.jpg") // 支援遠端 URL!
    ],
    title: "歡迎使用",
    product: "Apple TV",
    caption: "瀏覽所有電影、電視節目等。",
    cta: "立即觀看"
) {
    print("按鈕被點擊")
}

靜態模式 (全新)

簡潔、可捲動嘅佈局,好啱做產品介紹。

SplashScreen(
    mode: .static,
    images: [Photo("https://url.to/header_image.jpg")],
    title: "創作者工作室",
    product: "免費試用 3 個月創作者工作室。",
    caption: "透過強大嘅應用程式將你嘅願景變為現實。",
    features: [
        SplashFeature(title: "功能 1", icon: "video"),
        SplashFeature(title: "功能 2", icon: "waveform")
    ],
    footer: "適用條款與條件。",
    cta: "接受優惠",
    secondaryCta: "查看所有計劃",
    secondaryAction: {
        print("次要動作被點擊")
    }
) {
    print("主要動作被點擊")
}

已知問題

  • 只支援 iOS 18+,利用咗最新嘅 SwiftUI TextRenderer 同視覺效果 API。
  • 尺寸調整:輪播模式針對 Pro/Pro Max 優化。靜態模式包含 ScrollView,可以應付細機同埋唔同長度嘅內容。

版權

App Store 螢幕截圖 © 2025 Apple Inc.

參考

Creating visual effects with SwiftUI - Apple Developer

X 相關貼文

https://x.com/1998design/status/2019418746553790664
https://x.com/1998design/status/1888641485303878110
https://x.com/1998design/status/1888945523845140677

組合推薦

配合 SwiftNEWKit 一齊用,效果加倍!

許可證

MIT

贊助商