Welcome-Sheet 开源项目教程

昌寒庆Quillan

于 2024-08-27 09:32:05 发布

阅读量298

点赞数 5

本文链接：https://blog.csdn.net/gitblog_00832/article/details/141591571

版权

Welcome-Sheet 开源项目教程

Welcome-SheetiOS native-like onboarding sheets项目地址:https://gitcode.com/gh_mirrors/we/Welcome-Sheet

项目介绍

Welcome-Sheet 是一个用于 iOS 应用的欢迎页管理库，它允许开发者轻松创建和管理应用的欢迎页面。该库支持 UIKit 和 SwiftUI，提供了高度自定义的选项，包括设置强调色、添加按钮、禁用手势关闭等功能。Welcome-Sheet 的设计考虑了不同屏幕尺寸的适配，确保在所有 iOS 设备上都能呈现良好的视觉效果。

项目快速启动

安装

使用 Swift Package Manager 安装 Welcome-Sheet：

package(url: "https://github.com/MAJKFL/Welcome-Sheet", from: "0.1.1")

在 SwiftUI 中使用

以下是一个简单的 SwiftUI 示例：

import SwiftUI
import WelcomeSheet

struct ContentView: View {
    @State private var showSheet = false
    let pages = [
        WelcomeSheetPage(title: "Welcome to Welcome Sheet", rows: [
            WelcomeSheetPageRow(imageSystemName: "rectangle.stack.fill.badge.plus", title: "Quick Creation", content: "It's incredibly intuitive. Simply declare an array of pages filled with content."),
            WelcomeSheetPageRow(imageSystemName: "slider.horizontal.3", title: "Highly Customisable", content: "Match sheet's appearance to your app, link buttons, perform actions after dismissal."),
            WelcomeSheetPageRow(imageSystemName: "ipad.and.iphone", title: "Works out of the box", content: "Don't worry about various screen sizes. It will look gorgeous on every iOS device.")
        ], accentColor: Color.purple, optionalButtonTitle: "About Welcome Sheet", optionalButtonURL: URL(string: "https://github.com/MAJKFL/Welcome-Sheet"))
    ]

    var body: some View {
        Button("Show Welcome Sheet") {
            showSheet = true
        }
        .welcomeSheet(isPresented: $showSheet, pages: pages)
    }
}

在 UIKit 中使用

以下是一个简单的 UIKit 示例：

import UIKit
import WelcomeSheet

class ViewController: UIViewController {
    @IBOutlet weak var showSheetButton: UIButton!

    let pages = [
        WelcomeSheetPage(title: "Welcome to Welcome Sheet", rows: [
            WelcomeSheetPageRow(imageSystemName: "rectangle.stack.fill.badge.plus", title: "Quick Creation", content: "It's incredibly intuitive. Simply declare an array of pages filled with content."),
            WelcomeSheetPageRow(imageSystemName: "slider.horizontal.3", title: "Highly Customisable", content: "Match sheet's appearance to your app, link buttons, perform actions after dismissal."),
            WelcomeSheetPageRow(imageSystemName: "ipad.and.iphone", title: "Works out of the box", content: "Don't worry about various screen sizes. It will look gorgeous on every iOS device.")
        ], accentColor: UIColor.purple, optionalButtonTitle: "About Welcome Sheet", optionalButtonURL: URL(string: "https://github.com/MAJKFL/Welcome-Sheet"))
    ]

    @IBAction func showSheetButtonTapped(_ sender: UIButton) {
        let welcomeSheetController = WelcomeSheetController(pages: pages)
        present(welcomeSheetController, animated: true, completion: nil)
    }
}