PopupView:SwiftUI 弹出视图库,支持多种动画和自定义





项目名称:PopupView

PopupView 是一个功能丰富的 SwiftUI 弹出视图库,它支持创建 Toasts、Alerts 和 Popups。以下是该项目的主要特点和使用方法:

版本更新

  • 版本 3 新增了放大/缩小的显示/消失动画,以及可以指定消失动画方向的 disappearTo 参数。

更新到版本 3

  • AppearFrom 枚举案例已重命名,例如将 .top 改为 .topSlide

更新到版本 2

  • API 允许以任意顺序传递参数。

显示在导航栏上方

  • 使用 .isOpaque(true) 使弹出视图显示在包括导航栏在内的所有视图上方。

使用方法

  1. 添加一个布尔值来控制弹出视图的显示状态。

  2. .popup 修改器添加到你的视图中。

import PopupView

struct ContentView: View {

    @State var showingPopup = false

    var body: some View {
        YourView()
            .popup(isPresented: $showingPopup) {
                Text("The popup")
                    .frame(width: 200, height: 60)
                    .background(Color(red: 0.85, green: 0.8, blue: 0.95))
                    .cornerRadius(30.0)
            } customize: {
                $0.autohideIn(2)
            }
    }
}

必需参数

  • isPresented:绑定以确定弹出视图是否显示。

  • view:你想要在弹出视图中显示的视图。

可选参数

使用 customize 闭包在 popup 修改器中:

  • type:支持 defaulttoastfloaterscroll 等多种类型。

  • position:定义弹出视图的位置。

  • appearFromdisappearTo:定义出现和消失的动画方向。

  • animation:自定义动画效果。

  • autohideIn:设置自动隐藏的时间。

  • dragToDismisscloseOnTap:设置是否可以通过拖动或点击关闭弹出视图。

  • closeOnTapOutside:设置是否点击弹出视图外部关闭。

  • backgroundColorbackgroundView:自定义背景颜色或视图。

  • isOpaque:设置是否显示在导航栏上方。

  • useKeyboardSafeArea:设置是否在键盘显示时弹出视图上移。

  • dismissCallback:自定义回调,弹出视图关闭时调用。

可拖动卡片 - 表单

  • 通过在底部 Toast 上启用 dragToDismiss 来实现可拖动的卡片效果。

示例

  • 克隆仓库 https://github.com/exyte/PopupView.git 并按照说明运行示例项目。

安装

  • 支持通过 Swift Package Manager、CocoaPods 和 Carthage 安装。

系统要求

  • iOS 15.0+ macOS 11.0+ tvOS 14.0+ / watchOS 7.0+

  • Xcode 12+

其他开源 SwiftUI 库

PopupView 由 Exyte 提供,他们还提供了其他多个开源 SwiftUI 库,如 Grid、ScalingHeaderScrollView、AnimatedTabBar 等。

或许喜欢

podcastappui:使用SwiftUI 3.0制作的极简风格播客应用界面

podcastappui 是一个基于 SwiftUI 3.0 开发的极简播客应用界面,集成了多种 SwiftUI 动画效果,包括3D卡片动画、延迟动画和匹配几何效果,专为 iOS 15 设计。

最近更新 2024-12-09

YouTubePlayPauseView:详细实现的YouTube播放暂停视图

YouTubePlayPauseView 是一个用 SwiftUI 编写的播放暂停视图库,模仿 YouTube 的播放暂停按钮,支持连续更新和自定义颜色。

最近更新 2024-12-09

swiftui-map-item-picker:SwiftUI 地图项目选择器

swiftui-map-item-picker 是一个 SwiftUI 地图项目选择器,支持在 iOS 和 Mac Catalyst 上选择位置。

最近更新 2024-12-09

热榜

Made with in Shangrao,China By 老雷

Copyright © devler.cn 1987 - Present

赣ICP备19009883号-1