課題#03 作業03

使用圖片、文字、絵文字、渡辺框 & 圓角製作漂亮卡片

2 週目では、コーディングを学習しました (ついに!)。

このプロジェクトは、カードの作成を練習することを目的としています。キャリーの誕生日用に作ったカードをちょっと見てください。」

1. 「addsubview」を使用してイメージをコンパイルする

pinkView.addSubview(messageLabel)
pinkView.addSubview(greetLabel)
pinkView.addSubview(cardmessageLable)
pinkView.addSubview(memorymessageLable)
pinkView.addSubview(signLabel)

let carrieImage = UIImage(named: "carrie")
let carrieImageView = UIImageView(image: carrieImage)
carrieImageView.frame = CGRect(x: 0, y: 0, width: 600, height: 800)
carrieImageView.layer.borderWidth = 30
carrieImageView.layer.borderColor = CGColor(red: 255/255, green: 204/255, blue: 229/255, alpha: 0.5)
carrieImageView.layer.cornerRadius = 50
carrieImageView.clipsToBounds = true
var rect = CGRect(x:0, y: 0, width: 1200, height: 800)
let pinkView = UIView(frame: rect)
pinkView.backgroundColor = UIColor(red: 255/255, green: 204/255, blue: 229/255, alpha: 0.5)
pinkView.addSubview(carrieImageView)
rect = CGRect(x: 0, y: 0, width: 1200, height: 800)

2. UILabel を使用してテキストとコンテンツ (テキストの色、フォント、) を作成する
3. 境界線の幅、境界線の色
4. 絵文字の追加: これはこれまでで最も難しい部分でした。ループについては少し学習しましたが、絵文字を必要な場所に正確に配置するための式をどのように記述するかを理解するのに苦労しています。洞察を得るために、私はクラスメートの作品をいくつかレビューすることにしました。

for i in 0...5 {
    print (i)
    let triangleLabel = UILabel(frame: CGRect(x: (i+7)*100, y: 15, width: 100, height: 100))
    triangleLabel.text = "▲"
    triangleLabel.font = UIFont.systemFont(ofSize: 35)
    triangleLabel.textColor = UIColor(red: 255/255, green: 178/255, blue: 102/255, alpha: 0.5)
    triangleLabel.transform = CGAffineTransform(rotationAngle: .pi / 180 * 45)
    pinkView.addSubview(triangleLabel)

}

#142 圖片、文字、絵文字、渡辺框＆圓角製作漂亮卡片を使用