Trong bài đăng này, chúng ta sẽ học cách thay đổi màu nền của chế độ xem bằng hoạt ảnh.
Trong ví dụ này, chúng tôi sẽ thay đổi màu nền của chế độ xem khi nhấp vào một nút. Khi nhấp vào nút, màu nền sẽ chuyển thành màu đỏ, sau đó khi nhấp vào tiếp theo, màu nền sẽ chuyển thành màu xanh lam, khi nhấp vào tiếp theo lại chuyển sang màu đỏ.
Bước 1 - Mở Xcode → Dự án mới → Ứng dụng một lần xem → Đặt tên là “ChangeBGColor”
Bước 2 - Mở Main.storyboard thêm một nút như hình dưới đây
Bước 3 - Thêm một @IBAction cho touchUpInside của nút ‘Thay đổi nền’. Đặt tên cho hàm là changeBackgroundClicked.
Bước 4 - Chúng ta sẽ sử dụng chức năng ‘animate’ của UIView để thay đổi màu nền. Nó cung cấp cho chúng tôi thời lượng và hoàn thành tùy chọn dưới dạng các tham số. Trong changeBackgroundClicked, chúng ta sẽ thay đổi màu nền của khung nhìn từ đỏ sang xanh lam và ngược lại. Thêm mã sau vào 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
}
}
} Bước 5 - Chạy mã, nhấp vào nút ‘Thay đổi màu nền’. Bạn sẽ thấy màu nền của chế độ xem thay đổi giữa màu đỏ và xanh lam với hoạt ảnh.
