Chào các bạn đã quay lại với bài tutorial này của mình. Hôm nay, chúng ta sẽ tiếp tục với việc lấy sự kiện của người dùng lên giao diện ứng dụng của mình. Nhưng lần này thì với bất kì cái gì cũng được.
Bạn sẽ nghĩ tới UITapGestureRecognizer
huyền thoại và họ hàng nhà Gestures
bá đạo của UIKit. Bạn nào quên nó rồi thì có thể đọc lại tại đây.
Nhưng đây là SwiftUI
và chúng ta bắt đầu khám phá thế giới mới!
Bắt đầu
Vẫn là cách đơn giản để bắt 1 sự kiện cảm ứng trên 1 view bất kì.
Text("Tap me!") .tapAction { print("Tapped!") }
Đối tượng khác vẫn được, không nhất thiết mỗi Text.
Image("example-image") .tapAction(count: 2) { print("Double tapped!") }
- Với tham số
count
thì 2 là double-tap. Quá EZ 🙂
Phức tạp hơn xí
struct ContentView : View { @State var red: Double = 1.0 @State var green: Double = 1.0 @State var blue: Double = 1.0 var body: some View { Text("Tap me!") .font(.title) .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity) .background(Color(red: self.red, green: self.green, blue: self.blue)) .tapAction { // did tap self.red = Double.random(in: 0...1) self.green = Double.random(in: 0...1) self.blue = Double.random(in: 0...1) } } }
- Bạn chỉ cần xử lý trong phần
tapAction
cho dữ liệu. - Giao diện của bạn sẽ tự động update mà không cần việc gọi update giao diện trong phần xử lý action.
Well done 🙂
Cảm ơn bạn đã đọc và theo dõi bài viết này. Ngoài ra, bạn muốn xem trực quan sinh động hơn thì có thể xem ở link video sau.
Written by chuotfx
Hãy ngồi xuống, uống miếng bánh và ăn miếng trà. Chúng ta cùng nhau đàm đạo về đời, về code nhóe!
Leave a Reply Cancel reply
Fan page
Tags
Recent Posts
- Prompt Engineering trong 10 phút
- Một số ví dụ sử dụng Prompt cơ bản khi làm việc với AI
- Prompt trong 10 phút
- Charles Proxy – Phần 1 : Giới thiệu, cài đặt và cấu hình
- Complete Concurrency với Swift 6
- 300 Bài code thiếu nhi bằng Python – Ebook
- Builder Pattern trong 10 phút
- Observer Pattern trong 10 phút
- Memento Pattern trong 10 phút
- Strategy Pattern trong 10 phút
Archives
- December 2024 (3)
- September 2024 (1)
- July 2024 (1)
- June 2024 (1)
- May 2024 (4)
- April 2024 (2)
- March 2024 (5)
- January 2024 (4)
- February 2023 (1)
- January 2023 (2)
- November 2022 (2)
- October 2022 (1)
- September 2022 (5)
- August 2022 (6)
- July 2022 (7)
- June 2022 (8)
- May 2022 (5)
- April 2022 (1)
- March 2022 (3)
- February 2022 (5)
- January 2022 (4)
- December 2021 (6)
- November 2021 (8)
- October 2021 (8)
- September 2021 (8)
- August 2021 (8)
- July 2021 (9)
- June 2021 (8)
- May 2021 (7)
- April 2021 (11)
- March 2021 (12)
- February 2021 (3)
- January 2021 (3)
- December 2020 (3)
- November 2020 (9)
- October 2020 (7)
- September 2020 (17)
- August 2020 (1)
- July 2020 (3)
- June 2020 (1)
- May 2020 (2)
- April 2020 (3)
- March 2020 (20)
- February 2020 (5)
- January 2020 (2)
- December 2019 (12)
- November 2019 (12)
- October 2019 (19)
- September 2019 (17)
- August 2019 (10)