Sometimes you need a repeated or tiled image in your app, often for a background. Something like these rain-drops for example:
Here’s a simple UIView subclass that accepts an image parameter, and renders a repeated tiled image, even in the storyboard:
| @IBDesignable | |
| class TiledImageView:UIView { | |
| @IBInspectable var image:UIImage? | |
| override func draw(_ rect: CGRect) { | |
| guard let image = image else {return} | |
| UIColor(patternImage: image).setFill() | |
| let path = UIBezierPath(rect: rect) | |
| path.fill() | |
| } | |
| } |
It creates a patterned image in a UIColor object, sets this as the current fill, and then fills the view’s rect with this color.
Here’s how it looks in the storyboard:
iOS development with Swift - book: https://manning.com/books/ios-development-with-swift video course: https://www.manning.com/livevideo/ios-development-with-swift-lv
[…] recently wrote an article on a simple custom UIView class you can use to tile an image. Unfortunately – this […]