SwiftUI 导出或共享文件

问题描述 投票:0回答:6

我想知道是否有通过 SwiftUI 导出或共享文件的好方法。似乎没有办法包装 UIActivityViewController 并直接呈现它。我使用 UIViewControllerRepresentable 来包装 UIActivityViewController,如果我将它呈现在 SwiftUI Modal 中,它就会崩溃。

我能够创建一个通用的 UIViewController,然后从那里调用一个呈现 UIActivityViewController 的方法,但这需要大量的包装。

如果我们想使用 SwiftUI 从 Mac 进行共享,有没有办法包装 NSSharingServicePicker?

无论如何,如果有人有一个他们如何做到这一点的例子,我们将不胜感激。

swift uiactivityviewcontroller swiftui nssharingservice
6个回答
21
投票

您可以在任何地方定义此函数(最好在全局范围内):

@discardableResult
func share(
    items: [Any],
    excludedActivityTypes: [UIActivity.ActivityType]? = nil
) -> Bool {
    guard let source = UIApplication.shared.windows.last?.rootViewController else {
        return false
    }
    let vc = UIActivityViewController(
        activityItems: items,
        applicationActivities: nil
    )
    vc.excludedActivityTypes = excludedActivityTypes
    vc.popoverPresentationController?.sourceView = source.view
    source.present(vc, animated: true)
    return true
}

您可以在按钮操作中或任何其他需要的地方使用此功能:

Button(action: {
    share(items: ["This is some text"])
}) {
    Text("Share")
}

7
投票

我们可以直接从 View (SwiftUI) 调用 UIActivityViewController,无需使用

UIViewControllerRepresentable

import SwiftUI
enum Coordinator {
  static func topViewController(_ viewController: UIViewController? = nil) -> UIViewController? {
    let vc = viewController ?? UIApplication.shared.windows.first(where: { $0.isKeyWindow })?.rootViewController
    if let navigationController = vc as? UINavigationController {
      return topViewController(navigationController.topViewController)
    } else if let tabBarController = vc as? UITabBarController {
      return tabBarController.presentedViewController != nil ? topViewController(tabBarController.presentedViewController) : topViewController(tabBarController.selectedViewController)
      
    } else if let presentedViewController = vc?.presentedViewController {
      return topViewController(presentedViewController)
    }
    return vc
  }
}

struct ActivityView: View {
    var body: some View {
      Button(action: {
        self.shareApp()
      }) {
        Text("Share")
      }
    }
}

extension ActivityView {
  func shareApp() {
    let textToShare = "something..."
    let activityViewController = UIActivityViewController(activityItems: [textToShare], applicationActivities: nil)
    
    let viewController = Coordinator.topViewController()
    activityViewController.popoverPresentationController?.sourceView = viewController?.view
    viewController?.present(activityViewController, animated: true, completion: nil)
  }
}

struct ActivityView_Previews: PreviewProvider {
    static var previews: some View {
        ActivityView()
    }
}

这是预览:

希望能帮助别人!


5
投票

编辑:删除了所有代码和对

UIButton
的引用。

感谢@Matteo_Pacini 回答这个问题,向我们展示了这项技术。与他的回答(和评论)一样,(1)这有点粗糙,(2)我不确定这就是苹果希望我们使用的方式

UIViewControllerRepresentable
,我真的希望他们提供更好的
SwiftUI
( “SwiftierUI”?)在未来的测试版中替换。

我在

UIKit
中投入了大量工作,因为我希望它在 iPad 上看起来不错,而弹出窗口需要
sourceView
。真正的技巧是显示一个 (SwiftUI)
View
,它在视图层次结构中获取
UIActivityViewController
并从
present
触发
UIKit

我的需求是呈现一个单一的图像来分享,所以事情都是朝着这个方向发展的。假设您有一个图像,存储为

@State
变量 - 在我的示例中,该图像称为 vermont.jpg,是的,对此进行了硬编码。

首先,创建一个 `UIViewController 类型的

UIKit
类来呈现共享弹出窗口:

class ActivityViewController : UIViewController {

    var uiImage:UIImage!

    @objc func shareImage() {
        let vc = UIActivityViewController(activityItems: [uiImage!], applicationActivities: [])
        vc.excludedActivityTypes =  [
            UIActivity.ActivityType.postToWeibo,
            UIActivity.ActivityType.assignToContact,
            UIActivity.ActivityType.addToReadingList,
            UIActivity.ActivityType.postToVimeo,
            UIActivity.ActivityType.postToTencentWeibo
        ]
        present(vc,
                animated: true,
                completion: nil)
        vc.popoverPresentationController?.sourceView = self.view
    }
}

主要是;

  • 您需要一个“包装器”
    UIViewController
    才能
    present
    事情。
  • 您需要
    var uiImage:UIImage!
    来设置
    activityItems

接下来,将其包装成

UIViewControllerRepresentable

struct SwiftUIActivityViewController : UIViewControllerRepresentable {

    let activityViewController = ActivityViewController()

    func makeUIViewController(context: Context) -> ActivityViewController {
        activityViewController
    }
    func updateUIViewController(_ uiViewController: ActivityViewController, context: Context) {
        //
    }
    func shareImage(uiImage: UIImage) {
        activityViewController.uiImage = uiImage
        activityViewController.shareImage()
    }
}

唯一值得注意的两件事是:

  • 实例化
    ActivityViewController
    将其返回到
    ContentView
  • 创建
    shareImage(uiImage:UIImage
    ) 来调用它。

最后,你有

ContentView

struct ContentView : View {
    let activityViewController = SwiftUIActivityViewController()
    @State var uiImage = UIImage(named: "vermont.jpg")
    var body: some View {
        VStack {
            Button(action: {
                self.activityViewController.shareImage(uiImage: self.uiImage!)
            }) {
                ZStack {
                    Image(systemName:"square.and.arrow.up").renderingMode(.original).font(Font.title.weight(.regular))
                    activityViewController
                }
        }.frame(width: 60, height: 60).border(Color.black, width: 2, cornerRadius: 2)
            Divider()
            Image(uiImage: uiImage!)
        }
    }
}

请注意,

uiImage
有一些硬编码和(呃)强制展开,以及不必要的
@State
的使用。这些之所以存在,是因为我计划使用“UIImagePickerController”来将它们结合在一起。

这里注意事项:

  • 实例化
    SwiftUIActivityViewController
    ,并使用
    shareImage
    作为按钮操作。
  • 用它作为按钮显示。不要忘记,即使是
    UIViewControllerRepresentable
    实际上也只是被视为 SwiftUI
    View

将图像的名称更改为您项目中的名称,这应该可以工作。您将看到一个居中的 60x60 按钮,其下方有图像。


5
投票

这里的大多数解决方案都忘记填充 iPad 上的共享表。

因此,如果您想让应用程序在此设备上不崩溃,您可以使用 此方法使用

popoverController
并添加您想要的
activityItems
作为参数。

import SwiftUI

/// Share button to populate on any SwiftUI view.
///
struct ShareButton: View {

  /// Your items you want to share to the world.
  ///
  let itemsToShare = ["https://itunes.apple.com/app/id1234"]

  var body: some View {
    Button(action: { showShareSheet(with: itemsToShare) }) {
      Image(systemName: "square.and.arrow.up")
        .font(.title2)
        .foregroundColor(.blue)
    }
  }
}

extension View {
  /// Show the classic Apple share sheet on iPhone and iPad.
  ///
  func showShareSheet(with activityItems: [Any]) {
    guard let source = UIApplication.shared.windows.last?.rootViewController else {
      return
    }

    let activityVC = UIActivityViewController(
      activityItems: activityItems,
      applicationActivities: nil)

    if let popoverController = activityVC.popoverPresentationController {
      popoverController.sourceView = source.view
      popoverController.sourceRect = CGRect(x: source.view.bounds.midX,
                                            y: source.view.bounds.midY,
                                            width: .zero, height: .zero)
      popoverController.permittedArrowDirections = []
    }
    source.present(activityVC, animated: true)
  }
}

3
投票

看看 AlanQuatermain -s SwiftUIShareSheetDemo

简而言之,它看起来像这样:

@State private var showShareSheet = false
@State public var sharedItems : [Any] = []

Button(action: {
    self.sharedItems = [UIImage(systemName: "house")!]
    self.showShareSheet = true
}) {
    Text("Share")
}.sheet(isPresented: $showShareSheet) {
    ShareSheet(activityItems: self.sharedItems)
}
struct ShareSheet: UIViewControllerRepresentable {
    typealias Callback = (_ activityType: UIActivity.ActivityType?, _ completed: Bool, _ returnedItems: [Any]?, _ error: Error?) -> Void

    let activityItems: [Any]
    let applicationActivities: [UIActivity]? = nil
    let excludedActivityTypes: [UIActivity.ActivityType]? = nil
    let callback: Callback? = nil

    func makeUIViewController(context: Context) -> UIActivityViewController {
        let controller = UIActivityViewController(
            activityItems: activityItems,
            applicationActivities: applicationActivities)
        controller.excludedActivityTypes = excludedActivityTypes
        controller.completionWithItemsHandler = callback
        return controller
    }

    func updateUIViewController(_ uiViewController: UIActivityViewController, context: Context) {
        // nothing to do here
    }
}

0
投票

从 iOS 16 开始,您可以使用 ShareLink:

ShareLink(item: "http://www.myappurl.com") {
    Label("Share app", systemImage: "square.and.arrow.up")
}

或者只是:

ShareLink(item: "http://www.myappurl.com")
© www.soinside.com 2019 - 2024. All rights reserved.