web-dev-qa-db-ja.com

UILabelから画像を作成するにはどうすればよいですか？

私は現在、iPhoneのアプリケーションのようなシンプルなフォトショップを開発しています。レイヤーをフラットにしたいとき、ラベルは適切な位置にありますが、フォントサイズが正しくありません。これがフラット化する私のコードです：

UIGraphicsBeginImageContext(CGSizeMake(widthDocument,widthDocument));

for (UILabel *label in arrayLabel) {
    [label drawTextInRect:label.frame];
}

UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

誰でも私を助けることができますか？

iphoneobjective-cuiimageuilabelflatten
24
Jonathan

From： ITextViewまたはUILabelからUIImageをプルすると白い画像が表示されます 。

// iOS

- (UIImage *)grabImage {
    // Create a "canvas" (image context) to draw in.
    UIGraphicsBeginImageContextWithOptions(self.bounds.size, self.opaque, 0.0);  // high res
    // Make the CALayer to draw in our "canvas".
    [[self layer] renderInContext: UIGraphicsGetCurrentContext()];

    // Fetch an UIImage of our "canvas".
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

    // Stop the "canvas" from accepting any input.
    UIGraphicsEndImageContext();

    // Return the image.
    return image;
}

// Swift拡張機能w /使用法。以下のコメントで@HebertiAlmeidaのクレジット

extension UIImage {
    class func imageWithLabel(label: UILabel) -> UIImage {
        UIGraphicsBeginImageContextWithOptions(label.bounds.size, false, 0.0)
        label.layer.renderInContext(UIGraphicsGetCurrentContext()!)
        let img = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return img
    }
}

使用法：

let label = UILabel(frame: CGRect(x: 0, y: 0, width: 30, height: 22))
label.text = bulletString
let image = UIImage.imageWithLabel(label)
47
DJPlayer

UILabelをUIImageにレンダリングするためのSwift拡張機能を作成しました：

extension UIImage {
    class func imageWithLabel(label: UILabel) -> UIImage {
        UIGraphicsBeginImageContextWithOptions(label.bounds.size, false, 0.0)
        label.layer.renderInContext(UIGraphicsGetCurrentContext()!)
        let img = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return img
    }
}

編集：改善Swift 4バージョン

extension UIImage {
    class func imageWithLabel(_ label: UILabel) -> UIImage {
        UIGraphicsBeginImageContextWithOptions(label.bounds.size, false, 0)
        defer { UIGraphicsEndImageContext() }
        label.layer.render(in: UIGraphicsGetCurrentContext()!)
        return UIGraphicsGetImageFromCurrentImageContext() ?? UIImage()
    }
}

使い方は簡単です：

let label = UILabel(frame: CGRect(x: 0, y: 0, width: 30, height: 22))
label.text = bulletString
let image = UIImage.imageWithLabel(label)
19
Heberti Almeida

コンテキストでラベルをレンダリングする必要があります

交換

[label drawTextInRect:label.frame];

と

[label.layer renderInContext:UIGraphicsGetCurrentContext()];

ラベルごとに1つの画像を作成する必要があるため、forループを開始コンテキスト呼び出しと終了コンテキスト呼び出しの外側に移動します

5
wattson12

swiftの場合、次のUIView拡張機能を使用します。

// Updated for Swift 3.0
extension UIView {
    var grabbedImage:UIImage? {
        get {
            UIGraphicsBeginImageContextWithOptions(bounds.size, false, 0.0)
            layer.render(in: UIGraphicsGetCurrentContext()!)
            let img = UIGraphicsGetImageFromCurrentImageContext()
            UIGraphicsEndImageContext()
            return img
        }
    }
}
2
dr OX
extension UIImage {

    class func imageFrom(text: String, width: CGFloat, font: UIFont, textAlignment: NSTextAlignment, lineBreakMode: NSLineBreakMode) -> UIImage? {
        let label = UILabel(frame: CGRect(x: 0, y: 0, width: width, height: CGFloat.greatestFiniteMagnitude))
        label.text = text
        label.font = font
        label.textAlignment = textAlignment
        label.lineBreakMode = lineBreakMode

        label.sizeToFit()

        UIGraphicsBeginImageContextWithOptions(label.bounds.size, false, 0.0)
        label.layer.render(in: UIGraphicsGetCurrentContext()!)
        let img = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return img
    }

}

使用：

    let iv = UIImageView(image: UIImage.imageFrom(text: "Test For \nYarik", width: 537.0, font: UIFont.systemFont(ofSize: 30), textAlignment: .center, lineBreakMode: .byWordWrapping))
    iv.contentMode = .scaleAspectFit
1
kolbasek

任意のCALayerでrenderInContextを使用できます。ビューのレイヤーがコンテキストに描画されます。画像に変更できるように。また、ビューでrenderInContextを実行すると、そのすべてのサブビューがコンテキストに描画されます。したがって、すべてのラベルを反復処理する代わりに、ラベルを追加するときに、それらをcontainerViewに追加できます。そして、そのcontainerViewでrenderInContextを実行する必要があります。

1
Sj.