FSPopoverView 使用教程

FSPopoverView 使用教程

FSPopoverViewAn iOS customizable view that displays a popover view.项目地址:https://gitcode.com/gh_mirrors/fs/FSPopoverView

项目介绍

FSPopoverView 是一个用于 iOS 的自定义弹出视图库，它允许开发者轻松创建和管理弹出菜单。该库提供了丰富的自定义选项，包括背景视图、内容视图、内容大小、安全区域边距以及是否允许点击外部区域关闭弹出视图等功能。FSPopoverView 是开源的，基于 MIT 许可证发布。

项目快速启动

安装

使用 CocoaPods

在您的 Podfile 中添加以下行：

pod 'FSPopoverView'

然后运行 pod install。

使用 Carthage

在您的 Cartfile 中添加以下行：

github "lifution/FSPopoverView"

然后运行 carthage update。

使用 Swift Package Manager

在您的 Package.swift 文件中添加以下依赖：

dependencies: [
    .package(url: "https://github.com/lifution/FSPopoverView.git", from: "1.0.0")
]

基本使用

以下是一个简单的示例，展示如何使用 FSPopoverView：

import FSPopoverView

class ViewController: UIViewController, FSPopoverViewDataSource {
    func backgroundView(for popoverView: FSPopoverView) -> UIView {
        let view = UIView()
        view.backgroundColor = .yellow
        return view
    }
    
    func contentView(for popoverView: FSPopoverView) -> UIView {
        let contentView = UIView()
        contentView.backgroundColor = .blue
        return contentView
    }
    
    func contentSize(for popoverView: FSPopoverView) -> CGSize {
        return CGSize(width: 100, height: 100)
    }
    
    func containerSafeAreaInsets(for popoverView: FSPopoverView) -> UIEdgeInsets {
        return view.safeAreaInsets
    }
    
    func popoverViewShouldDismissOnTapOutside(_ popoverView: FSPopoverView) -> Bool {
        return true
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let popoverView = FSPopoverView()
        popoverView.dataSource = self
        popoverView.present(fromBarItem: barItem)
    }
}

应用案例和最佳实践

自定义内容视图

您可以自定义弹出视图的内容视图，例如添加一个包含多个按钮的视图：

func contentView(for popoverView: FSPopoverView) -> UIView {
    let contentView = UIView()
    contentView.backgroundColor = .white
    
    let button1 = UIButton(type: .system)
    button1.setTitle("选项1", for: .normal)
    button1.addTarget(self, action: #selector(button1Tapped), for: .touchUpInside)
    contentView.addSubview(button1)
    
    let button2 = UIButton(type: .system)
    button2.setTitle("选项2", for: .normal)
    button2.addTarget(self, action: #selector(button2Tapped), for: .touchUpInside)
    contentView.addSubview(button2)
    
    // 设置按钮布局
    button1.translatesAutoresizingMaskIntoConstraints = false
    button2.translatesAutoresizingMaskIntoConstraints = false
    
    NSLayoutConstraint.activate([
        button1.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 10),
        button1.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 10),
        button1.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -10),
        
        button2.topAnchor.constraint(equalTo: button1.bottomAnchor, constant: 10),
        button2.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 10),
        button2.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant:

FSPopoverViewAn iOS customizable view that displays a popover view.项目地址:https://gitcode.com/gh_mirrors/fs/FSPopoverView