Contents
Chào mừng bạn đến với Fx Studio và series SwiftUI Notes. Đây sẽ phần thứ 6 của series. Nếu bạn là người theo dõi từ đầu series này thì tới được đây cũng phải rất gian nan. Bạn đã tìm hiểu được vô số kiến thức mới thú vị về SwiftUI và những đặc trưng của nó. Tuy nhiên, tất cả mới là những điểm lý thuyết và tổng quát cách vận hành của một SwiftUI App. Qua chương mới này, chúng ta tập trung vào những UI Controls cơ bản (SwiftUI Views). Hi vọng đây là làn gió mới giúp bạn thêm yêu quý nhiều hơn SwiftUI.
Nào, bây giờ thì …
Bắt đầu thôi!
1. Giới thiệu
1.1. Chuẩn bị
Dành cho các bạn chưa đọc 5 phần của series SwiftUI Notes này, thì có thể truy cập ở link sau đây:
Về mặt chuẩn bị, chúng ta sẽ vẫn là những yêu cầu cơ bản từ phần một. Nếu như bạn có thể cập nhật tất cả lên version mới nhất thì càng tốt. Còn sau đây là cấu hình đề xuất cho bạn:
-
- Xcode 12
- Swift 5.3
- SwiftUI 2.0
Về mặt kiến thức, bạn chỉ cần nắm được cơ bản về ngôn ngữ lập trình Swift là ổn rồi. Nếu bạn đã biết thêm cơ bản về lập trình iOS thì sẽ có lợi thế hơn nữa. Bạn có thể đọc các bài viết đó ở link sau:
1.2. Basic UI Controls
Trong phần này, chúng ta sẽ không đi vào việc giải thích các vấn đề lớn, cách hoạt động và cũng như bản chất của một thứ gì đó. Thay vào đó, ta sẽ tập trung cho việc xây dựng giao diện của ứng dụng.
Để giúp cho việc phát triển một giao diện đẹp, bạn cần nắm được các thành phần cấu tạo nên nó. Đó chính là các View cơ bản đầu tiên.
Mình đã có một bài viết tổng hợp cơ bản về các View trong SwiftUI View. Chúng được gọi là Declaring View và bạn có thể tìm đọc tại đây.
Đối tượng chúng ta cần tìm hiểu chính là các View Nguyên thuỷ và tìm hiểu những đặc trưng của nó. Sau đó, chúng ta mới chuyển sang phần kết hợp để tạo nên các giao diện phức tạp hơn nhiều.
Bên cạnh đó, mình sẽ đưa tới cho bạn các ứng dụng hay cách sử dụng những kĩ thuật cơ bản (MVC, MVVM, Custom View …) trong phần này. Điều này sẽ giúp bạn tự tin thiết kế những màn hình với giao diện phức tạp hơn. Hoặc bạn có thể tự tìm hiểu thêm về các UI Controls khác một cách nhanh chóng.
Cuối cùng, bạn sẽ biết về bản chất của Layout trong SwiftUI là như thế nào. Mục đích chính mà bạn cần hướng tới là hiểu và bố cục được các View theo đúng ý đồ.
2. Danh sách
Các bài viết trong phần Basic UI Controls này được trình bày riêng lẻ. Các demo một phần sẽ sử dụng lại cho nhiều bài viết. Bạn có thể viết một project mới và lên ý tưởng thiết kế ban đầu thì rất là hay. Hoặc có thể bạn checkout project tại đây để tham khảo.
Danh sách như sau:
Ngoài các kiến thức về các UI Control cơ bản. Các bài viết còn hướng dẫn bạn Custom Modifier, Custom Style. Hay các mô hình được sử dụng như MVC, MVVM (cơ bản). Và bản chất thực sự của Layout & cách hoạt động của nó trong SwiftUI.
Tất cả, bạn sẽ có đầy đủ vũ khí để có thể tạo một ứng dụng đẹp nhất.
Lưu ý
Công nghệ mỗi ngày là một thay đổi và bạn phải dành ra nhiều thời gian để cập nhất nó hằng ngày. Do đó, các bài viết sẽ mang tính chất giới thiệu và ở mức độ cơ bản mà thôi. Và cho đúng thời điểm hiện tại với SwiftUI 2.0. Có thể trong quá trình nghiên cứu thêm, mình sẽ bổ sung thêm các phần lý thuyết cho chương này của series.
3. Thông tin và trạng thái
3.1. Thông tin
-
- Website: Fx Studio
- Link seri: https://fxstudio.dev/tag/swiftui-notes/
- Github: https://github.com/fx-studio/swiftui-notes
- Trạng thái: đang cập nhật
Nếu bạn có đóng góp hay nhận xét về series này, cách viết bài, cũng như nội dung truyền tải. Thì mình rất rất cảm ơn. Nếu có bất cứ vấn đề gì, thì bạn có thể liên lạc theo các địa chỉ dưới đây.
-
- Website: https://fxstudio.dev/contact/
- Email: lephuongtien.dev@gmail.com
3.2. Bản quyền
Về bản quyền của series SwiftUI Notes là của Fx Studio, bao gồm các bài viết trên website & mã nguồn trên GitHub. Và chúng hoàn toàn miễn phí cho các mục đích phi lợi nhuận và học tập. Tất cả các hành vi sao chép hay sử dụng vì mục đích thương mại đều là vi phạm.
Vui lòng để lại link bài viết gốc, nếu bạn muốn sử dụng & cũng như trích dẫn các nội dụng từ các bài viết trong series SwiftUI Notes này.
3.3. Các phần khác trong series:
- Làm quen với SwiftUI
- Cơ bản về ứng dụng SwiftUI App
- Tích hợp SwiftUI và UIKit
- Apple Ecosystem
- Multiplatform App
- Basic UI Controls
- State & Data Flow
- Working with List
- Routing in SwiftUI
- Grid Layout
- …
Cảm ơn bạn đã ủng hộ Fx Studio và series SwiftUI Notes!
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
You may also like:
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)