#51 製作拍立得 App 學習 if else

以 if else 的用法製作拍立得相機
成品圖如下:

成品圖

功能設定:

  • 按鈕輪流切換三種尺寸
  • 設定三種照片比例:3:4,1:1,4:5
  • 圖片輸出動畫效果

按鈕輪流切換三種尺寸

利用各Button的 @IBAction 去更換圖片內容

變更圖片

設定三種照片比例

利用 if else 做圖片切換(我用的是較為簡單版本直接輸入數值做切換)

@IBAction func sizeChange(_ sender: Any) {
index = ( 1 + index ) % 3
sizeLabel.text = size[index]
//相片比例
if index == 2 {
changePicImage.frame = CGRect(x: 30, y: 125, width: 330, height: 413)
} else if index == 1 {
changePicImage.frame = CGRect(x: 30, y: 125, width: 330, height: 330)
} else {
changePicImage.frame = CGRect(x: 30, y: 125, width: 330, height: 440)
}
}
變更圖片比例

圖片輸出動畫效果

參考學姊使用方法,效果很好而且解釋很好懂(有神快拜!)

動畫效果

成果展示:

成品

感謝觀賞

--

--

哈士鱷
彼得潘的 Swift iOS / Flutter App 開發教室

前往成為iOS工程師的超級菜鳥 從未踏入過 但我相信有努力一定會有收穫!