SwiftUI – Phần 8 : Working with List

Chào mừng bạn đến với Fx Studio. Bài viết này tổng hợp lại các bài viết lên quan tới List trong SwiftUI. Với chủ đề là Working with List. Đây là một UI Control khá quan trọng và xuất hiện nhiều trong giao diện ứng dụng. Làm chủ được nó thì bạn mới có thể làm chủ cả thế giới này.

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 7 phần của series SwiftUI Notes này, thì có thể truy cập ở link sau đây:

1. 1. Làm quen với SwiftUI
   2. Cơ bản về ứng dụng SwiftUI App
   3. Tích hợp SwiftUI và UIKit
   4. Apple Ecosystem
   5. Multiplatform App
   6. Basic UI Controls
   7. State & Data Flow

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 13
  • Swift 5.5
  • SwiftUI 3.0

Về mặt kiến thức, bạn cần biết trước các kiến thức cơ bản với SwiftUI & SwiftUI App. Tham khảo các bài viết sau, nếu bạn chưa đọc qua SwiftUI:

• • Làm quen với SwiftUI
  • Cơ bản về ứng dụng SwiftUI App

(Mặc định, mình xem như bạn đã biết về cách tạo project với SwiftUI & SwiftUI App rồi.)

1.2. Working with List

Bạn hãy thử mở 5 ứng dụng bất kì trong điện thoại của bạn và để ý rằng: “Có bao nhiêu danh sách được hiển thị?”. Vâng, dám chắc với bạn là bất kỳ ứng dụng nào cũng có ít nhất 1 danh sách hết.

Trước đây, với UIKit chúng ta có 2 đại diện là UITableView & UICollectionView. Và bây giờ, với SwiftUI chúng ta chỉ có 1 đại diện duy nhất là List.

Nó sẽ kế thừa lại hết tinh hoa của các đàn anh đi trước. Nhận nhiệm vụ chính để cấu thành đa phần giao diện cho tất cả ứng dụng trong iOS hay bất cứ nền tảng nào khác của Apple.

Đối với lập trình viên iOS nói chúng, khi bạn hoàn thành được kỹ năng thao tác với UITableView thì mới được xem là bạn đã học được iOS. Cũng như vậy, chương này cũng là dấu mốc rất quan trọng đối với các bạn học SwiftUI.

Bạn đã học được SwiftUI!

Tới các chương sau, bạn chỉ còn hoàn thiện dần kỹ năng mà thôi. Hoặc bạn cần gì thì sẽ học thêm cái đó. Quan trọng, bạn không chỉ học cách sử dụng List, mà còn được hướng dẫn thêm các kỹ thuật nâng cao trong List. Tương tác với API … áp dụng các kiến thức đã học vào 1 project nhỏ và điều hướng nhiều màn hình …

(Chúng ta sẽ dần dần khám phá tiếp thông qua danh sách các bài viết dưới đây.)

2. Danh sách

Các bài viết trong phần Working with List 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:

1. 1. Simple List
   2. Dynamic List
   3. Section & Grouped
   4. Expandable List
   5. Editing Mode
   6. Multiple Selection
   7. Fetching Data to List from API

Với 7 bài viết, thông qua đó bạn sẽ được học cách sử dụng List từ cơ bản tới nâng cao. Các cách custom List, các trạng thái của List … các biến thế thường được sử dụng như ExpandableList … Hay bạn sẽ phải tương tác với API bằng Swift, phân tích dữ liệu & cập nhật trên giao diện …

Nó sẽ rất khác xa với UIKit và cách làm truyền thống lâu nay. Cuối cùng, chính là kết nối các kiến thức lại với nhau để giải quyết bài toán chung của bạn.

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 3.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:

1. Làm quen với SwiftUI
2. Cơ bản về ứng dụng SwiftUI App
3. Tích hợp SwiftUI và UIKit
4. Apple Ecosystem
5. Multiplatform App
6. Basic UI Controls
7. State & Data Flow
8. Working with List
9. Routing in SwiftUI
10. Grid Layout
11. …

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!