作業#12 使用圖片，文字，emoji，邊框 & 圓角製作漂亮卡片

目的：練習在Playground用程式做出含有圖片，文字，emoji，邊框圓角的卡片

作品：

實作程式碼：

import UIKit
//加入底版圖片，大小，圓角，邊框
let wooyouTaroImage = UIImageView(image: UIImage(named: "wooyouTaro.JPG"))
wooyouTaroImage.frame = CGRect(x: 0, y: 0, width: 400, height:400)
wooyouTaroImage.layer.cornerRadius = 10
wooyouTaroImage.clipsToBounds = true
wooyouTaroImage.layer.borderWidth = 5
wooyouTaroImage.layer.borderColor = UIColor.brown.cgColor
//利用迴圈建立頂部熱狗圖片
for i in 0..<10{
let hotdogImage = UIImageView(image: UIImage(named: "hotDog.png"))
hotdogImage.frame = CGRect(x: i*39+5, y: 5, width: 39, height: 39)
wooyouTaroImage.addSubview(hotdogImage)
}
//建立底部旋轉的熱狗圖片
var degree = CGFloat.pi/180
for i in 0..<10{
let hotdogImageTransform = UIImageView(image: UIImage(named: "hotDog.png"))
hotdogImageTransform.frame =  CGRect(x: i*39+5, y:356, width: 39, height: 39)
hotdogImageTransform.transform = CGAffineTransform.identity.rotated(by: degree*180)
wooyouTaroImage.addSubview(hotdogImageTransform)
}
//左手邊的腳印
for i in 0..<6{
let footPrintImageLeft = UIImageView(image: UIImage(named: "footPrint.png"))
footPrintImageLeft.frame = CGRect(x: 5, y: i*52+44, width: 52, height: 52)
footPrintImageLeft.transform = CGAffineTransform.identity.rotated(by: degree*315)
wooyouTaroImage.addSubview(footPrintImageLeft)
}
//右手邊的腳印
for i in 0..<6{
let footPrintImageRight = UIImageView(image: UIImage(named: "footPrint.png"))
footPrintImageRight.frame = CGRect(x: 343, y: i*52+44, width: 52, height: 52)
footPrintImageRight.transform = CGAffineTransform.identity.rotated(by: degree*45)
wooyouTaroImage.addSubview(footPrintImageRight)
}
//Label
let Label = UILabel(frame: CGRect(x: 80, y: 240, width: 300, height:50 ))
Label.text = "Wooyou & Taro☺️"
Label.textColor = .white
Label.shadowColor = .black
Label.shadowOffset = CGSize(width: 1, height: 1)
Label.transform = CGAffineTransform.identity.rotated(by: degree*340)
wooyouTaroImage.addSubview(Label)

以上內容參考下方連結：

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