- vừa được xem lúc

Tự học SwiftUI: Hướng dẫn khởi tạo project

0 0 44

Người đăng: Tùng Đường

Theo Viblo Asia

Để khởi tạo project SwiftUI, dưới đây là những yêu cầu bắt buộc mà bạn cần phải có:

  • Macbook (hoặc máy Windows nhưng đã cài Hackintos).

  • XCode (phiên bản mới nhất càng tốt vì SwiftUI được Apple hỗ trợ nhiều hơn, thời điểm khi mình viết bài này thì máy mình đang chạy phiên bản 12.5.1).

  • Một tâm hồn thật đẹp (à không một tâm hồn sẵn sàng học cái mới, cụ thể ở đây là SwiftUI, nhưng nếu bạn không thoả được hai yêu cầu trên thì điều kiện này có cũng như không :v).

Nhưng sau khi bạn thấy mình thoả hết được các yêu cầu bắt buộc rồi thì welcome bạn, mình tiếp tục cuộc hành trình nào.

Đầu tiên, mình sẽ khởi động XCode lên

Run XCode

Có 2 cách để bạn khởi tạo project SwiftUI:

Cách 1: Bạn chọn File -> New -> Project

Create SwiftUI project

Cách 2: Bạn chọn option "Create a new Xcode project"

Create SwiftUI project

Dù bạn chọn cách nào đi chăng nữa thì sau khi nhấn xong thì XCode sẽ bật tung ra popup như hình dưới.

Screen Shot 2021-07-04 at 23.17.36.png

Việc tiếp theo của bạn là nhấn chọn option App rồi nhấn Next nhé!

Sau đó, bạn điền hết các thông tin cần thiết cho project mới của mình, có những điểm cần lưu ý sau:

  • Interface: bạn nhớ chọn SwiftUI nhé!
  • Life Cycle: SwiftUI App.
  • Use Core Data: bỏ chọn option này.

Screen Shot 2021-07-05 at 22.24.26.png

Nhấn Next và chọn nơi để lưu project này. Sau khi khởi tạo thành công, XCode Editor của chúng ta sẽ giống như hình phía dưới.

Screen Shot 2021-07-05 at 22.35.58.png

Điều tuyệt vời của SwiftUI đó là bạn không cần phải start máy ảo để xem UI hiện tại như thế nào, chúng ta có thể preview trực tiếp trên Editor luôn bằng cách nhấn vào nút Resume.

Screen Shot 2021-07-05 at 22.45.24.png

Đến đây thì chúng ta đã tạo xong 1 project SwiftUI, bài viết tiếp theo chúng mình sẽ cùng nhau vọc vạch và tìm hiểu sâu hơn về SwiftUI nhé!

Bài viết gốc: https://finduong.com/tu-hoc-swiftui-huong-dan-khoi-tao-project

Bình luận

Bài viết tương tự

- vừa được xem lúc

Tạo hiệu ứng Story của Instagram bằng SwiftUI

. Có lẽ chúng ta đã quá quen thuộc với Story ở trên Instagram hoặc trên Facebook. Nó là những video và hình ảnh được liên kết với nhau như một thư viện hình ảnh để kể câu truyện nào đó.

0 0 38

- vừa được xem lúc

SwiftUI: Alert, Action Sheet

. A container for an alert presentation. . Trong hướng dẫn này, bạn sẽ tìm hiểu về alert trong SwiftUI:. .

0 0 23

- vừa được xem lúc

Passing methods as SwiftUI view actions

Thông thường khi ta xử lý các tương tác với các SwiftUI view, chúng ta thường sử dụng các closure để xác định các actions mà chúng ta muốn thực hiện khi các sự kiện khác nhau xảy ra. Ví dụ: AddItemView sau có hai thành phần tương tác là TextField và Button, cả hai đều cho phép người dùng thêm Item m

0 0 23

- vừa được xem lúc

[SwiftUI] Gradient

Với Gradient, bạn sẽ có thể tạo ra nhiều màu sắc hơn và đẹp hơn. . Apple Documentation. .

0 0 17

- vừa được xem lúc

Sử dụng TabView trong SwiftUI

I. Giới thiệu.

0 0 19

- vừa được xem lúc

Tạo checkboxes hiệu ứng đẹp mắt với SwiftUI

. 1. RoundedRectangle CheckBox. Với loại checkbox đầu tiên chúng tạo tạo một struct view và thêm RoundedRectangle. Sử dụng hàm stroke và thêm cho nó StrikeStyle với kích thước dòng kẻ mà bạn mong muốn.

0 0 22