利用 UIView 的 mask 設計特別形狀的圖片

利用皮卡丘剪影＋寶可夢圖鑑＋紅幕＋草地照片疊在一起

其中用到mask及subview

import UIKit
let pikachuImage = UIImage(named: “pikachu.png”)
let pikachuImageView1 = UIImageView(image: pikachuImage)
let pokemonImage = UIImage(named: “pokemon.jpeg”)
let pokemonImageView = UIImageView(image: pokemonImage)
pokemonImageView.mask = pikachuImageView1
let grasslandImage = UIImage(named: “grassland.jpeg”)
let grasslandImageView = UIImageView(image: grasslandImage)
let redView = UIView(frame: pokemonImageView.frame)
redView.backgroundColor = UIColor(red: 1, green: 0, blue: 0, alpha: 0.2)
let pikachuImageView2 = UIImageView(image: pikachuImage)
redView.mask = pikachuImageView2
pokemonImageView.addSubview(redView)
grasslandImageView.mask=pikachuImageView2
grasslandImageView.alpha=0.5
pokemonImageView.alpha=0.5
let backgroundImageView = UIView(frame: pokemonImageView.frame)
backgroundImageView.addSubview(grasslandImageView)
backgroundImageView.addSubview(pokemonImageView)

成圖如下方