[Video Summary] Ch. 1.18 Add an App Icon to a SwiftUI App (2025)

Mô tả nhanh

Video này hướng dẫn cách thêm biểu tượng (icon) cho ứng dụng SwiftUI trên iOS/macOS. Video trình bày cách sử dụng Assets Catalog, xử lý kích thước ảnh icon, và cách tạo icon đơn giản bằng Keynote và Preview.

Video

Click vào hình dưới để mở:

Mô tả chi tiết

Video này hướng dẫn cách thêm biểu tượng (icon) cho ứng dụng SwiftUI trên iOS/macOS.
Đầu tiên, bạn cần mở Assets Catalog trong Xcode, chọn "App Icon", bạn sẽ thấy 3 ô vuông trống để chứa icon. Ảnh icon phải là hình vuông có kích thước 1024x1024 pixels. Bạn có thể tải icon mẫu từ link trong video.

Các bước thực hiện chi tiết:

1. Tải icon mẫu:
   • Truy cập vào Google Drive theo đường dẫn bit.ly/pro-g-swiftui-files.
   • Tải thư mục "UR awesome" về máy.
   • Trong thư mục này, bạn sẽ thấy file you are awesome D icon.png (icon mẫu) và thư mục launch screen images (sẽ dùng để thêm launch screen ở video sau).
2. Thêm icon vào Xcode:
   • Kéo và thả file you are awesome D icon.png vào ô vuông đầu tiên trong phần App Icon của Assets Catalog.
   • Chạy ứng dụng trên simulator, bạn sẽ thấy icon mới thay thế icon mặc định.
3. Tạo icon bằng Keynote (tùy chọn):
   • Mở Keynote, tạo một slide mới.
   • Vẽ một hình vuông kích thước 1024 x 1024 pixels làm nền.
   • Thiết kế icon của bạn trên nền này.
   • Copy hình icon đã thiết kế.
4. Chỉnh sửa kích thước icon bằng Preview (tùy chọn):
   • Mở Preview.
   • Nhấn Command + N để tạo ảnh mới từ clipboard.
   • Vào "Tools" > "Adjust Size".
   • Bỏ chọn "Scale proportionally" và chỉnh kích thước ảnh thành 1024 x 1024 pixels, đảm bảo chọn đơn vị "pixels" và tích vào "Resample image".
   • Lưu ảnh đã chỉnh sửa vào desktop.
5. Thêm icon đã chỉnh sửa (nếu cần):
   • Kéo và thả ảnh vừa lưu từ desktop vào ô vuông trong phần App Icon của Assets Catalog.

Sau khi hoàn thành các bước trên, ứng dụng của bạn đã có icon riêng. Video tiếp theo sẽ hướng dẫn cách thêm launch screen cho ứng dụng.

Chúc bạn thành công!