ในบทความนี้ เราจะมาเรียนรู้วิธีเปลี่ยนสีพื้นหลังของภาพด้วยแอนิเมชั่น
ในตัวอย่างนี้ เราจะเปลี่ยนสีพื้นหลังของมุมมองเมื่อคลิกปุ่ม เมื่อคลิกปุ่ม สีพื้นหลังจะเปลี่ยนเป็นสีแดง จากนั้นคลิกถัดไปจะเปลี่ยนเป็นสีน้ำเงิน คลิกถัดไปเป็นสีแดงอีกครั้ง
ขั้นตอนที่ 1 − เปิด Xcode → โครงการใหม่ → แอปพลิเคชั่นมุมมองเดียว → ตั้งชื่อมันว่า "ChangeBGColor"
ขั้นตอนที่ 2 − เปิด Main.storyboard เพิ่มปุ่มตามที่แสดงด้านล่าง
ขั้นตอนที่ 3 − เพิ่ม @IBAction หนึ่งรายการสำหรับ touchUpInside ของปุ่ม 'เปลี่ยนพื้นหลัง' ตั้งชื่อฟังก์ชันเป็น changeBackgroundClicked
ขั้นตอนที่ 4 − เราจะใช้ฟังก์ชัน 'เคลื่อนไหว' ของ UIView เพื่อเปลี่ยนสีพื้นหลัง โดยจะให้ระยะเวลาและความสมบูรณ์ที่เป็นตัวเลือกแก่เราเป็นพารามิเตอร์ ใน changeBackgroundClicked เราจะเปลี่ยนสีพื้นหลังของมุมมองจากสีแดงเป็นสีน้ำเงินและในทางกลับกัน เพิ่มรหัสต่อไปนี้เพื่อ changeBackgroundClicked
@IBAction func changeBackgroundClicked(_ sender: Any) {
if self.view.backgroundColor == UIColor.red {
UIView.animate(withDuration: 2) {
self.view.backgroundColor = UIColor.blue
}
} else {
UIView.animate(withDuration: 2) {
self.view.backgroundColor = UIColor.red
}
}
} ขั้นตอนที่ 5 - เรียกใช้รหัส คลิกที่ปุ่ม 'เปลี่ยนสีพื้นหลัง' คุณควรเห็นสีพื้นหลังของมุมมองเปลี่ยนระหว่างสีแดงและสีน้ำเงินด้วยภาพเคลื่อนไหว
