Draw text background

Examples/ImagesExample/ImagesExample/Assets.xcassets/background.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "filename" : "background.jpg",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

Examples/ImagesExample/ImagesExample/ViewController.swift

@@ -11,13 +11,16 @@ import PlaceholderKit
 
 class ViewController: UIViewController {
     var sampleImagesCollectionViewController: SampleImagesCollectionViewController?
+    let placeholders: [Placeholder] = [
+        Placeholder(size: CGSize(width: 100, height: 100), backgroundStyle: .solidColor(.red)),
+        Placeholder(size: CGSize(width: 200, height: 100), backgroundStyle: .solidColor(.blue)),
+        Placeholder(size: CGSize(width: 100, height: 200), backgroundStyle: .solidColor(.green)),
+        Placeholder(size: CGSize(width: 320, height: 480), backgroundStyle: .solidColor(.yellow)),
+        Placeholder(size: CGSize(width: 320, height: 480), backgroundStyle: .image(UIImage(named: "background")!))
+    ]
+
     lazy var images: [UIImage] = {
-        return [
-                Placeholder(size: CGSize(width: 100, height: 100), backgroundStyle: .solidColor(.red)),
-                Placeholder(size: CGSize(width: 200, height: 100), backgroundStyle: .solidColor(.blue)),
-                Placeholder(size: CGSize(width: 100, height: 200), backgroundStyle: .solidColor(.green)),
-                Placeholder(size: CGSize(width: 320, height: 480), backgroundStyle: .solidColor(.yellow)),
-            ].compactMap({$0.render()})
+        return placeholders.compactMap({$0.render()})
     }()
 
     override func viewDidLoad() {

Sources/PlaceholderKit/PlaceholderKit.swift

@@ -32,7 +32,10 @@ public struct Placeholder {
         let paragraphStyle = NSMutableParagraphStyle()
         paragraphStyle.alignment = .center
 
-        let attrs = [NSAttributedString.Key.font: Font(name: "HelveticaNeue", size: 20)!, NSAttributedString.Key.paragraphStyle: paragraphStyle]
+        let attrs = [
+            NSAttributedString.Key.font: Font(name: "HelveticaNeue", size: 20)!,
+            NSAttributedString.Key.paragraphStyle: paragraphStyle
+        ]
 
         return attrs
     }
@@ -45,10 +48,10 @@ public struct Placeholder {
         let attributedString = NSAttributedString(string: displayedText,
                                                   attributes: displayedTextAttributes)
         let textSize = attributedString.size()
-        let rect =  CGRect(x: 0,
+        let rect =  CGRect(x: (size.width - textSize.width) / 2,
                            y: (size.height - textSize.height) / 2,
-                           width: size.width,
-                           height: size.height)
+                           width: textSize.width,
+                           height: textSize.height)
         return rect
     }
 

Sources/PlaceholderKit/UIImage+Placeholder.swift

@@ -20,10 +20,14 @@ extension Placeholder {
             case .solidColor(let color):
                 color.setFill()
                 context.fill(rect)
-            default:
-                break
+            case .image(let image):
+                image.draw(in: rect)
             }
 
+            // draw text background
+            UIColor.white.setFill()
+            context.fill(textRect.insetBy(dx: -10, dy: 0))
+
             // draw text
             displayedText.draw(with: textRect,
                                options: .usesLineFragmentOrigin,