使用WKWebView创建自定义ORKStep

我对iOS开发相对较新，目前使用Swift开发原型ResearchKit应用程序。其中一个要求是将WKWebView嵌入由三个步骤组成的ORKTask中:ORKQuestionStep, ORKWebViewStep, ORKCompletionStep。我似乎找不到太多关于如何子类ORKStep和ORKStepViewController使用Swift创建自定义步骤的信息。有人可以引导我在正确的方向如何子类ORKStep和ORKStepViewController显示WKWebView使用Swift?

提前感谢!

Yuan Zhu在ResearchKit-Users邮件列表中的回答:

我想你可以:

创建ORKActiveStep并正确配置。
实现- (void)taskViewController:(ORKTaskViewController *)taskViewController stepViewControllerWillAppear:(ORKStepViewController *)stepViewController委托方法
通过customView属性将webView注入ORKActiveStepViewController。

我已经建立了自己的ORKWebView如下。我很高兴听到关于如何改进这一点的评论。

1。子类ORKActiveStep

class Javascript_Step : ORKActiveStep {
    static func stepViewControllerClass ( ) -> Javascript_Step_View_Controller.Type {
        return Javascript_Step_View_Controller.self
    }    
}

2。子类ORKActiveStepViewController

在这里你将修改你的WebView和它的组件。对于退出WebView和传递结果，我使用Javascript。

import Foundation
import ResearchKit
import WebKit
class Javascript_Step_View_Controller : ORKActiveStepViewController, WKScriptMessageHandler {
    weak var webView: WKWebView!
    var html : String = "<!DOCTYPE html><html><head>  <meta charset="UTF-8">  <title>JS Widget</title>  <style type="text/css">    h1 {      color: red    }  </style></head><body>  <h1>Test</h1>  <input type="button" value="Say hello" onClick="Finish_This_Widget('Result is String')" />  <script type="text/javascript">    function Finish_This_Widget(string) {      App.Finish_Widget(string)    }  </script></body></html>"
    // Here the result message posted by Javascript can be handled
    func userContentController(userContentController: WKUserContentController, didReceiveScriptMessage message: WKScriptMessage) {
        if let result = message.body as? String {
            print("userContentController: (result)")
            // With the incoming reult of your webview, the ORKActiveStep timer will be started
            start()
        }
    }
    override func viewDidLoad() {
        super.viewDidLoad()
        // Here you set the function name to call from javascript
        let controller = WKUserContentController()
        controller.addScriptMessageHandler(self, name: "Finish_Widget")
        let config = WKWebViewConfiguration()
        config.userContentController = controller
        let frame = CGRectMake(20, 20, 200, 200)
        let webView = WKWebView(frame: frame, configuration: config)
        self.customView = webView
        // Set the view constraints (warning message with following unproper settings)
        self.customView?.superview!.translatesAutoresizingMaskIntoConstraints = false
        view.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|-[demoView]-|", options: NSLayoutFormatOptions(rawValue: 0), metrics: nil, views: ["demoView": webView]))        view.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|-[demoView]-|", options: NSLayoutFormatOptions(rawValue: 0), metrics: nil, views: ["demoView": webView]))
        // Load the html string
        webView.loadHTMLString(html, baseURL: NSBundle.mainBundle().bundleURL)
        webView.translatesAutoresizingMaskIntoConstraints = false
        self.webView = webView
    }
}

3。用WebViewStep

加载任务

在步骤2中，我们看到了start()函数调用，我们需要能够完成步骤并切换到下一个步骤。这就是为什么我们希望计时器在启动后立即完成。

// This functions gives you the Step you can work with finanlly
func Javascript_Widget_Step ( identifier : String, title : String, text : String ) -> ORKActiveStep {
    let active_Step = Javascript_Step(identifier: identifier)
    // Set title and text for the step (which is optional)
    active_Step.title = title
    active_Step.text = text
    // set stepduration to a minimum -> after javascript function call, step will be finished
    active_Step.stepDuration = 0.001
    // if this is false, it will not switch to the next step after the javascript call automatically
    active_Step.shouldContinueOnFinish = true
    return active_Step
}

悬而未决的问题

如何注入html?如果我不想要一个静态的WebView总是相同的html，在什么时候我可以从外部设置html字符串?

相关内容

最新更新

热门标签：