#15使用圖片,文字,emoji,邊框 & 圓角製作漂亮卡片

成品:

程式碼:

import UIKitlet eggImage = UIImage(named:"egg.png")
let eggImageView = UIImageView(image: eggImage)
eggImageView.backgroundColor = UIColor(red: 65/255, green:185/255, blue: 227/255, alpha: 0.8)
eggImageView.frame = CGRect(x: 0, y: 0, width: 700, height: 700)
eggImageView.contentMode = .scaleAspectFill
let eggLabel = UILabel(frame: CGRect(x: 250, y: 150, width: 400, height: 40))
eggLabel.text = "好累喔"
eggLabel.textColor = UIColor(red: 238/255, green: 215/255, blue: 3/255, alpha: 1)
eggLabel.font = UIFont.systemFont(ofSize: 50)
eggImageView.addSubview(eggLabel)
eggImageView.layer.borderWidth = 20
eggImageView.layer.borderColor = CGColor(red: 242/255, green: 206/255, blue: 63/255, alpha: 1)
eggImageView.layer.cornerRadius = 40
eggImageView.clipsToBounds = true
for i in 0...10 {
let sushiLabel = UILabel(frame: CGRect(x:20+i*60, y: 30, width: 50, height: 50))
sushiLabel.text = "🍣"
sushiLabel.font = UIFont.systemFont(ofSize: 50)
eggImageView.addSubview(sushiLabel)
}
for i in 0...10 {
let sushiLabel = UILabel(frame: CGRect(x:20+i*60, y: 620, width: 50, height: 50))
sushiLabel.text = "🍣"
sushiLabel.font = UIFont.systemFont(ofSize: 50)
eggImageView.addSubview(sushiLabel)
}
for i in 0...8 {
let eggLabel = UILabel(frame: CGRect(x: 20, y: 80+i*60, width: 50, height: 50))
eggLabel.text = "🥚"
eggLabel.font = UIFont.systemFont(ofSize: 50)
eggImageView.addSubview(eggLabel)
}
for i in 0...8 {
let eggLabel = UILabel(frame: CGRect(x: 630, y: 80+i*60, width: 50, height: 50))
eggLabel.text = "🥚"
eggLabel.font = UIFont.systemFont(ofSize: 50)
eggImageView.addSubview(eggLabel)
}

製作心得:參考了部分作品,讓我更熟悉不同功能的使用方法,甚至了解了迴圈的概念並運用😀。

--

--