Swiftで画面をスクリーンショットしたい

Question

SwiftとSpriteBuilderを使用してアプリを開発しているのですが、画面内をスクリーンショットしてTwitterに投稿するといった機能をつけようと思い、試しに下記のコードをボタンを押したときに起こる関数内に記入したのですが、カメラロールに保存して確認した際に画面が真っ白になって保存されていたため何が原因で真っ白になるのかが分からないため質問させて頂きました。

//キャプチャ取得 変数screenshotにUIImageが保存される
        let layer = UIApplication.sharedApplication().keyWindow?.layer
        
        let scale = UIScreen.mainScreen().scale
        UIGraphicsBeginImageContextWithOptions(layer!.frame.size, false, scale)  // スクリーンショットの取得開始
        
        layer!.renderInContext(UIGraphicsGetCurrentContext())
        let screenshot = UIGraphicsGetImageFromCurrentImageContext()  // 描画が行われたスクリーンショットの取得
        UIGraphicsEndImageContext()  // スクリーンショットの取得終了
        
        UIImageWriteToSavedPhotosAlbum(screenshot, nil, nil, nil)  // アルバムに保存

こちらのコードはhttp://swift-salaryman.com/screencaptureutil.php#を参考にしました。コード内のscreenshotに真っ白の画像が保存されるためそちらの解決方法をどなたか教えてください。宜しくお願いしますm(_ _)m

以下追記しました。メインのコードです。

import Foundation

/**
* メインクラス（タイトル画面）
*/
class MainScene: CCNode {
    
    /** オプションノード */
    weak var _optionNode: CCNode!
    /** Backボタン */
    weak var _backButton: CCButton!
    
    /**
    * 画面が生成後に同期で呼び出される。
    */
    func didLoadFromCCB() {
    }
    
    /**
    * ゲームスタートボタン(TitleSceneへ)
    */
    func _tapGameStart() {
        var scene = CCBReader.loadAsScene("TitleScene")
        CCDirector.sharedDirector().replaceScene(scene, withTransition: CCTransition(fadeWithDuration: 0.7))
    }
    
    /**
    * オプションボタン
    */
    func _tapOption() {
        _optionNode.visible = true  // オプションノード表示
        _backButton.visible = true  // バックボタン表示
        
        //キャプチャ取得 変数screenshotにUIImageが保存される
        let layer = UIApplication.sharedApplication().keyWindow?.layer
        
        let scale = UIScreen.mainScreen().scale  // 画面のサイズ取得
        UIGraphicsBeginImageContextWithOptions(layer!.frame.size, false, scale)  // スクリーンショットの取得開始
        
        layer!.renderInContext(UIGraphicsGetCurrentContext())
        let screenshot = UIGraphicsGetImageFromCurrentImageContext()  // 描画が行われたスクリーンショットの取得
        UIGraphicsEndImageContext()  // スクリーンショットの取得終了
        
        UIImageWriteToSavedPhotosAlbum(screenshot, nil, nil, nil)  // アルバムに保存
    }
    
    /**
    * バックボタン
    */
    func _tapBack() {
        _optionNode.visible = false  // オプションノード非表示
        _backButton.visible = false  // バックボタン非表示
    }
}

今は無理やりオプションを開いた際にスクリーンショットを行っています。ちなみにSpriteBuilderを使用しております。
動作に問題はないのですが、保存される画像が真っ白になるので原因をしりたいです。。。宜しくお願いします。

Comments

[u39ueda]

下の回答者さんへのコメントを見るにコードの他の部分に問題がありそうです。キャプチャしている部分だけでなく、呼び出し元（ViewControllerなど）のコードも追加してもらえますか？

[daigakusei]

コメントありがとうございます！追記しました。よろしくお願いしますm(_ _)m

Answer 1

SpriteKitのSKViewのように、OpenGLを利用するCALayerはrenderInContext()で描画することができません。

Comments

[daigakusei]

コメント下さりありがとうございますm(_ _)m
renderInContext()で描画はできなかったのですね。。。
原因を知ることができてよかったです。

Answer 2

すみません。SpriteBuilderだったのですね。見落としてました。

こちらを参考にしてみました。
http://forum.spritebuilder.com/t/taking-screenshots-not-working-as-expected-solved/1550

func screenshotWithStartNode(stNode: CCNode) -> UIImage {
    CCDirector.sharedDirector().nextDeltaTimeZero = true
    let winSize: CGSize = CCDirector.sharedDirector().viewSize()
    let renTxture: CCRenderTexture = CCRenderTexture(width: winSize.width, height:winSize.height, pixelFormat: .RGBA8888, depthStencilFormat: 0)
    renTxture.begin()
    stNode.visit()
    renTxture.end()
    
    return renTxture.getUIImage()
}

試してはいませんが、これでできないでしょうか？

Comments

[daigakusei]

ありがとうございます。丁寧にサイトも載せてくださり感謝しております。
また、そちらの関数を追加してみましたが、

func screenshotWithStartNode(stNode: CCNode) {
CCDirector.sharedDirector().nextDeltaTimeZero = true
let winSize: CGSize = CCDirector.sharedDirector().viewSize() // 修正

let renTxture: CCRenderTexture = CCRenderTexture(width: winSize.width, height:winSize.height) // (1)
renTxture.begin()
stNode.visit()
renTxture.end()

return renTxture.getUIImage() //(2)
}

以下のエラーが出てしまいどのように対処すれば良いか分かりません。。。

(1)Cannot find an initializer for type 'CCRenderTexture' that accepts an argument list of type '(width: CGFloat, height: CGFloat)'

(2)'UIImage!' is not convertible to '()'

(1)には初期化メソッドがないのと(2)は変換できないとかいているのですが、どのように対処すべきでしょうか、、、質問ばかりすみません。

[u39ueda]

こちらこそ不完全なコードを載せてしまい申し訳ありません。今実行できる環境がないため半分想像でObjective-Cから変換したのです。
一応修正してみたのですがどうでしょうか？エラーは出ないでしょうか？

[daigakusei]

こちらこそ何度も質問してばかりですみません。本当に助かります！
今実行してみましたがエラーなく使用することができたのですが、試しにカメラロールへ保存したいのですが、
UIImageWriteToSavedPhotosAlbum(//, nil, nil, nil)
こちらを使用して試そうとすると//の部分がエラーになるのですが、中に何を入れればよいのでしょうか、、？？

[u39ueda]

そこはUIImageを渡します。
func _tapOption() {
_optionNode.visible = true // オプションノード表示
_backButton.visible = true // バックボタン表示
UIImageWriteToSavedPhotosAlbum(screenshotWithStartNode(self), nil, nil, nil)
}
になると思います。

[daigakusei]

何度もありがとうございます。おかげで画面のスクリーンショットを撮ることができました！
本当に感謝しておりますm(_ _)m
最後に１つだけよろしいでしょうか、、？？(>_<)
let renTxture: CCRenderTexture = CCRenderTexture(width: 100, height: 100, pixelFormat: .RGBA8888, depthStencilFormat: 0)
こちらだとうまくいくのですが、winSize.widthとwinSize.heightだと
'CCRenderTexture!' is not convertible to 'CCRenderTexture'
Could not find member 'RGBA888'
というエラーが２つでてきてしまうのですが、
１つは
let renTxture: CCRenderTexture = CCRenderTexture.self(width: winSize.width, height:winSize.height, pixelFormat: .RGBA8888, depthStencilFormat: 0)
とすれば消えたのですが（合っているかわかりませんが）
もう１つのフルカラー画像のRGBA8888に問題がでているのでどのようにすればいいのかがよくわかりません。本当に何度もすみません。。

[daigakusei]

すみません。エラー残ったままでした(^^;)
'CCRenderTexture!' is not convertible to 'CCRenderTexture'

Could not find member 'RGBA888'

こちらの２つですm(_ _)m

[u39ueda]

ちょっと状況がよく分からないですが…

> Could not find member 'RGBA888'
これはどこか `RGBA8888` にするべきところで `RGBA888` と指定してしまっているとかではないのでしょうか？

> 'CCRenderTexture!' is not convertible to 'CCRenderTexture'
ちょっとわかりません。
Cannot convert value of type 'CGFloat' to expected argument type 'Int32'
というエラーだったならば、
let renTxture: CCRenderTexture = CCRenderTexture(width: Int32(winSize.width), height:Int32(winSize.height), pixelFormat: .RGBA8888, depthStencilFormat: 0)
にすればよさそうに思えますが…

正直なところ別の質問として投稿し直した方が別の詳しい方が答えてくれるかもしれません。

[daigakusei]

何度もありがとうございます。
すみません、Could not find member RGBA8888 というエラーでした。また、

let renTxture: CCRenderTexture = CCRenderTexture(width: self.winSize.width, height: selfwinSize.height, pixelFormat: .RGBA8888, depthStencilFormat: 0)

に変えてみたところエラーの内容が
'MainScene' does not have a member named 'winSize'
となりましたが、よく分かりませんでした。

そうですね、明日やって解決できなかったときは別でまた質問してみようかと思います。
ひとまず自分はiPhone6なのでそれに合う値を入れて、

/**
* スクリーンショット開始のメソッド
*/
func screenshotWithStartNode(stNode: CCNode) -> UIImage {
CCDirector.sharedDirector().nextDeltaTimeZero = true
let winSize: CGSize = CCDirector.sharedDirector().viewSize()
let renTxture: CCRenderTexture = CCRenderTexture(width: 320, height: 568, pixelFormat: .RGBA8888, depthStencilFormat: 0)
renTxture.begin()
stNode.visit()
renTxture.end()

return renTxture.getUIImage()
}
こちらで動かしてみようと思います。スクリーンショットが実現できて本当に助かりました。こんなに夜遅くまでコメント下さり感謝していますm(_ _)m　ありがとうございます！

[daigakusei]

/**
* スクリーンショット開始のメソッド
*/
func screenshotWithStartNode(stNode: CCNode) -> UIImage {
CCDirector.sharedDirector().nextDeltaTimeZero = true
let winSize: CGSize = CCDirector.sharedDirector().viewSize()
let renTxture: CCRenderTexture = CCRenderTexture(width: Int32(winSize.width), height:Int32(winSize.height), pixelFormat: .RGBA8888, depthStencilFormat: 0)
renTxture.begin()
stNode.visit()
renTxture.end()

return renTxture.getUIImage()
}

u39uedaさんが最後に教えてくださった
let renTxture: CCRenderTexture = CCRenderTexture(width: Int32(winSize.width), height:Int32(winSize.height), pixelFormat: .RGBA8888, depthStencilFormat: 0)
こちらのコードを追加してエラー起きることなく実行することができました！！本当にありがとうございましたm(_ _)m

Answer 3

そのコードをコピペして、画面にボタンを配置して、ボタンが押された時にそのコードを実行するようにしてみたら、正常にスクリーンショット採取できました。
(こちらの確認環境がXcode7.2のためだと思いますが、UIGraphicsGetCurrentContext()は!でアンラップするよう修正する必要がありました。)

ちなみに、ステータスバーの部分はアプリの画面の外でシステムが表示している部分なので、そこは撮れません。
真っ白ということは、ボタンも撮れてないのでしょうか?
それともスクリーンショット採取時にボタンを隠すような制御を入れているのでしょうか?
なにかそういう制御をしているなら、必ず表示されるはずの部品を配置して試してみた方がよいと思います。

Comments

[daigakusei]

コメントして下さりありがとうございますm(_ _)m
ボタンも全て映らない真っ白な状態の画像が保存されます。ちなみにmain.Storyboard使用せず、コードの記述のみで行っています。また、xcodeprojではなくxcworkspaceの方で書き込みを行っている状態です。
ボタンを隠したりなどの制御は入れてないはずなのですが、なぜか白の画像が保存されてしいます(T_T)
そもそもこちらのコードの意味を一行ずつ理解していないので正しく使えません。。

[TakeOne]

「SpriteBuilderを使用」を見落としていました。というかSpriteBuilderのことはあまり詳しく知りませんが、
ボタン等含め最終的に全てOpenGLで描画されているのであれば、Stripeさんがコメントされている通り、renderInContext()でイメージに変換できないので、その方法ではキャプチャできません。

[daigakusei]

こちらこそ詳しいコードを後から追記したため誤解を招いてしまいすみません。。
OpenGLで描画したものがrenderInContext()を使用してイメージに変換できないということを知りませんでした。コメント下さりありがとうございますm(_ _)m