Tag: Cocoa/WebViewの組み込み

目次

関連ページ

参考情報

WebViewを設置した単純なネイティブアプリを作成する

Swift + Storyboardの場合

URLを表示する

  • Storyboardを開きView ControllerにWebViewを設置
  • WebViewをViewController.swiftにControlドラッグし、アウトレットを作成する。
  • ViewControllerのviewDidLoad()で以下のようにすればURLを表示できる。
        override func viewDidLoad() {
            super.viewDidLoad()
            let url =  NSURL(string:"http://www.softantenna.com/")!
            let request = NSURLRequest(URL: url)
            myWebView.mainFrame.loadRequest(request)
            myWebView.policyDelegate = self
    

ツールバーを設置する

  • StoryboardでWindow Controllerを選択し、その中にあるWindowの内部にToolBarを設置。
  • デフォルトのボタンを削除し、Image Toolbar Itemを追加する。
  • 戻る・進む・リロードなどはAttributes InspectorのImage Nameを指定すればデフォルトの画像が使用できる。

ツールバーのボタンを押したときの処理

  • 例えばツールバーに戻る、進むボタンを設置する場合。
  • Window Controllerのクラスとして以下を指定する(新規=>Newで作成したクラス)。
    class MyWindowController: NSWindowController {
    
        override func windowDidLoad() {
            super.windowDidLoad()
            // Implement this method to handle any initialization after your window controller's window has been loaded from its nib file.
        }
        
        var viewController: ViewController {
            get {
                return self.window!.contentViewController! as! ViewController
            }
        }
        
        @IBAction func backClicked(sender: NSToolbarItem) {
            print("abc");
            viewController.goBack()
        }
    }
    
  • ツールバーのボタンを右クリックし、sent > Actionをドラッグして、Window Controllerにドロップ上記のbackClickedと接続する。
  • ちなみに戻る処理はViewController.swift内部の以下の処理。
        func goBack()  {
            myWebView.goBack()
        }
        
    

リンククリック時に外部ブラウザで開く

  • ViewControllerにWebPolicyDelegateを実装。policyDelegateに自身を設定しイベントハンドラを生成する。
  • decidePolicyForNavigationActionは通常のリンクをクリックしたときの動作。
  • decidePolicyForNewWindowActionはtarget="_blank"のリンクをクリックしたときなど外部ウィンドウを開くときの動作。
class ViewController: NSViewController,WebPolicyDelegate {

    @IBOutlet weak var myWebView: WebView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        let url =  NSURL(string:"http://www.softantenna.com/")!
        let request = NSURLRequest(URL: url)
        myWebView.mainFrame.loadRequest(request)
        myWebView.policyDelegate = self
    }

    func openLinkWithSafari(actionInformation: [NSObject : AnyObject], request: NSURLRequest, decisionListener listener: WebPolicyDecisionListener) {
        let url: String = request.URL!.absoluteString
        if !url.hasPrefix("http://www.softantenna.com/") && NSWorkspace.sharedWorkspace().openURL((actionInformation[WebActionOriginalURLKey] as! NSURL)) {
            listener.ignore()
            return
        }
    }
    
    func webView(webView: WebView, decidePolicyForNavigationAction actionInformation: [NSObject : AnyObject], request: NSURLRequest, frame: WebFrame, decisionListener listener: WebPolicyDecisionListener) {
        if WebNavigationType.LinkClicked.rawValue == Int((actionInformation[WebActionNavigationTypeKey] as! NSNumber)) {
            self.openLinkWithSafari(actionInformation, request: request, decisionListener: listener)
        }
        listener.use()
    }
    
    func webView(webView: WebView, decidePolicyForNewWindowAction actionInformation: [NSObject : AnyObject], request: NSURLRequest, newFrameName frameName: String, decisionListener listener: WebPolicyDecisionListener) {
        if WebNavigationType.LinkClicked.rawValue == Int((actionInformation[WebActionNavigationTypeKey] as! NSNumber)) {
            self.openLinkWithSafari(actionInformation, request: request, decisionListener: listener)
        }
        listener.use()
    }
}

Objective-C + xibの場合

objective c - How to load URL on launch in a WebView (OSX project)? - Stack Overflowに解説がある。

  • xibのWindow内部のviewにWebViewをドロップ。
  • xibとAppDelegateのソースコードを同時に表示して(アシスタントエディタを使う)、WebViewをControl-ドラッグする。するとAppDelegateにWebViewのアウトレットが自動で作成される。
  • ヘッダーは以下のようになる。
    #import <Cocoa/Cocoa.h>
    #import <WebKit/WebKit.h>
    
    @interface AppDelegate : NSObject <NSApplicationDelegate>
    
    @property (weak) IBOutlet WebView *myWebView;
    
    @end
    
  • ソースは以下のようになる。
    #import "AppDelegate.h"
    
    @interface AppDelegate ()
    
    @property (weak) IBOutlet NSWindow *window;
    @end
    
    @implementation AppDelegate
    
    - (void)applicationDidFinishLaunching:(NSNotification *)aNotification {
        // Insert code here to initialize your application
        [[self.myWebView mainFrame] loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.softantenna.com/"]]];
    }
    
    - (void)applicationWillTerminate:(NSNotification *)aNotification {
        // Insert code here to tear down your application
    }
    
    @end
    
  • プロジェクト設定でWebKit.frameworkを追加する。
  • またATSのせいでHTTP接続ができない場合、Info.plistを修正する。「App Transport Security Settings > Allow Arbitary Loads」をYESにする。

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2018-07-11 (水) 16:04:13