MakeXYZ Fun

[Video Summary] Ch. 1.19 Easily Add a Launch Screen to your SwiftUI App (2025)

SwiftUI 6 Th02 2025

Mô tả nhanh

Video này hướng dẫn cách thêm màn hình chờ (launch screen) đơn giản vào ứng dụng SwiftUI, bao gồm cả việc tùy chỉnh màu nền và hình ảnh.

Video

Click vào hình dưới để mở:
Ch. 1.19 Easily Add a Launch Screen to your SwiftUI App (2025)

Mô tả chi tiết

Video này hướng dẫn cách thêm màn hình chờ (launch screen) đơn giản vào ứng dụng SwiftUI, bao gồm cả việc tùy chỉnh màu nền và hình ảnh.

Các bước thực hiện bao gồm:

  1. Chuẩn bị tài nguyên:
    • Tải xuống và giải nén file ảnh launch screen từ link được cung cấp (bit.ly/pro-g-swiftui-files).
    • Mở Asset Catalog trong Xcode.
    • Kéo và thả 3 file ảnh (launch screen, launch screen@2x, launch screen@3x) vào Asset Catalog. iOS sẽ tự động chọn ảnh phù hợp với độ phân giải của thiết bị.
  2. Tùy chỉnh launch screen trong Property List (plist):
    • Vào Project Navigator, chọn project icon ở trên cùng.
    • Ở cột giữa, đảm bảo app của bạn được chọn, sau đó chọn tab Info.
    • Tìm đến Launch Screen, mở rộng (nếu cần) để xem các tùy chọn bên trong.
    • Thêm Image name bằng cách click vào dấu "+" cạnh UI launch screen, sau đó chọn Image Name, điền tên ảnh là launchscreen (chính xác theo tên đã đặt trong Asset Catalog -> Thường là launchscreen).
    • Thêm Background color cũng bằng cách click vào dấu "+" (chọn chỗ thích hợp), chọn Background color.
  3. Tạo màu tùy chỉnh:
    • Quay lại Asset Catalog, bấm vào dấu "+" ở phía dưới bên trái, chọn Color Set.
    • Ở inspector bên phải, chọn Attributes inspector (biểu tượng 3 thanh trượt).
    • Chọn Appearance -> None (để có 1 màu duy nhất).
    • Chọn ô vuông Universal, click vào Color Panel để chọn màu (có thể chọn màu từ bánh xe hoặc bút chì màu).
    • Đặt tên cho màu, ví dụ như: LaunchScreenBackgroundColor.
    • Copy tên màu (cmd+a để chọn hết, cmd+c để copy).
  4. Gán màu cho launch screen:
    • Quay lại tab Info trong cài đặt project.
    • Click vào ô trống bên cạnh background color, paste tên màu vừa tạo (LaunchScreenBackgroundColor) và nhấn Return.
  5. Chạy thử ứng dụng:
    • Chạy ứng dụng trên simulator để xem kết quả.
    • Nếu không thấy launch screen, thử xoá app trên simulator bằng cách giữ chuột lâu vào icon app và chọn Delete App. Sau đó, khởi chạy lại ứng dụng.

Chúc bạn thành công và tiếp tục khám phá thêm nhiều điều thú vị về lập trình iOS!

Tags

Admin

Dành riêng cho bạn