Viewに表示された内容を高画質（印刷用）でキャプチャしたい

Question

こんにちは。
先月中旬より、自分のお店のためのiPhoneアプリを作ってみようと挑戦中です。

iphoneのディスプレイに表示されているViewをそのまんま綺麗に印刷したいです。
印刷データなので解像度が高くないといけないので、Viewのコンテキストを4倍にし、キャプチャ画像を取得するということをしたいのですが、
View上にUILabelを配置しているのですが、できあがりの画像をピクセル等倍でphotoshopで表示してみたら、鮮明ではありませんでした。
photoshopでいうとラスタライズ済みの画像を引き伸ばした感じの画像になってしまう感じです。

photoshopでラスタライズ前、解像度を高くすると、文字レイヤーもそれに伴い解像度UPするように、Viewに配置している全てのアイテムが、それぞれ４倍の大きさになり、高画質に再描画され、そのViewをキャプチャできたらな〜と思うのですが、そんな簡単にはできないでしょうか…。

     CGRect rect = view.bounds;
 
     UIGraphicsBeginImageContextWithOptions(rect.size, NO, 4);//（１）4倍に拡大
 
     CGContextRef ctx = UIGraphicsGetCurrentContext();//（２）現在のコンテキストを得る
 
     CGContextFillRect(ctx, rect);//（３）指定された範囲(CGRect)を描画
 
     [view.layer renderInContext:ctx];//（４）対象Viewの描画内容をContextに複写
 
     NSData *data = UIImagePNGRepresentation(UIGraphicsGetImageFromCurrentImageContext());
 
     UIImage *capture = [UIImage imageWithData:data];
 
     UIGraphicsEndImageContext();

最初に、
view.transform = CGAffineTransformMakeScale(4, 4);
とし、Viewを４倍にしする処理を入れてみましたが、出来上がった画像に違いはありませんでした。

あまり理解していないのにやっているのがいけないのですが、手詰まり感があるので、質問をさせていただきました。
ヒントをいただけると大変嬉しく思います。
初心者故、的はずれなことを書いていたらすみません。
何卒よろしくお願いいたします。

Xcode6.3.2
iOS Simulator iOS8.3/iPhone6

Answer 1

UIGraphicsBeginImageContextWithOptions()の第一引数で、その画像のサイズが決定します。
画像サイズを４倍にしたいなら、第一引数を４倍にしてください。

Comments

[yukaringo]

大変お礼が遅くなりました。教えていただいてありがとうございます。
UIGraphicsBeginImageContextWithOptionsの前に、
view.transform = CGAffineTransformMakeScale(4, 4);
とし、Viewを４倍にし、第一引数にこの4倍したViewのサイズを設定しましたが、望むような結果は得られませんでした。
CGAffineTransformMakeScaleだと、拡大前のものがビットマップ化されて、引き伸ばされる感じなんですよね。
View上にあるアイテムを全て一つ一つ4倍の大きさにサイズ変更をしてから、等倍でコンテキストを得て、キャプチャ画像を取得することにしました。

ありがとうございました。

[Stripe]

グラフィックの描き直しは、ちゃんとやっていますか？描き直さないと、高解像度になりませんよ。

[yukaringo]

ありがとうございます。

view.transform = CGAffineTransformMakeScale(4, 4);
のあと、
[view setNeedsDisplay];
としてみましたが、上手くできませんでした。

初心者なりにいろいろと試行錯誤してみましたが、うまくいかないので、
View上にあるアイテムを全て一つ一つ4倍の大きさにサイズ変更をしてから、等倍でコンテキストを得て、キャプチャ画像を取得するのが、唯一成功した解決法でした。

ありがとうございました。

Answer 2

うろ覚えなので詳細は公式の資料に当たってもらいたいのですが、
UIView系のコントロールは、対象デバイスのピクセル数に合わせて最適化されるようになっているはずです。

なので、どんなにソースの解像度を上げても、実際にViewにレンダリングされるときはそのデバイスの最高値でかつ、表示されるサイズに最適化されるはずです。

もしも、高解像度のものを印刷したいのであれば、印刷用のデータを別途生成して(PDFとかで)そこで解像度の高い画像を利用するなどしなければならないと思います。

Comments

[yukaringo]

大変遅くなりました。教えていただいてありがとうございます。

キャプチャ用の4倍の大きさのViewを作成し、
View上にあるアイテムを全て一つ一つ4倍の大きさにサイズ変更をしてから、等倍でコンテキストを得て、キャプチャ画像を取得することにしました。

ありがとうございました。