Ionic - Biểu tượng Cordova và Màn hình giật gân

Mọi ứng dụng di động đều cần có biểu tượng và màn hình giật gân. Ionic cung cấp giải pháp tuyệt vời để thêm nó và yêu cầu công việc tối thiểu cho các nhà phát triển. Cắt và thay đổi kích thước được tự động hóa trên máy chủ Ionic.

Thêm biểu tượng và màn hình Splash

Trong các chương trước, chúng ta đã thảo luận về cách thêm các nền tảng khác nhau cho ứng dụng Ionic. Bằng cách thêm một nền tảng, Ionic sẽ cài đặt plugin màn hình giật gân Cordova cho nền tảng đó, do đó chúng tôi không cần cài đặt bất cứ thứ gì sau đó. Tất cả những gì chúng ta cần làm là tìm hai hình ảnh.

Những hình ảnh phải được png, psd hoặc là aicác tập tin. Kích thước tối thiểu phải là 192x192 cho hình ảnh biểu tượng và 2208 × 2208 cho hình ảnh màn hình giật gân. Kích thước này sẽ bao gồm tất cả các thiết bị. Trong ví dụ của chúng tôi, chúng tôi sẽ sử dụng cùng một hình ảnh cho cả hai. Hình ảnh cần được lưu vàoresourcesthư mục thay vì những cái mặc định. Sau khi hoàn tất, tất cả những gì chúng ta cần là chạy phần sau trong cửa sổ nhắc lệnh.

C:\Users\Username\Desktop\MyApp>ionic resources

Bây giờ, nếu bạn kiểm tra resources/android hoặc là resources/iosthư mục, bạn sẽ thấy rằng những hình ảnh chúng tôi đã thêm trước đó được thay đổi kích thước và cắt để phù hợp với các kích thước màn hình khác nhau. Khi chúng tôi chạy ứng dụng của mình trên thiết bị, chúng tôi sẽ thấy một màn hình giật gân trước khi ứng dụng được khởi động và chúng tôi sẽ thấy rằng biểu tượng Ionic mặc định được thay đổi.

NOTE - Nếu bạn muốn sử dụng các hình ảnh khác nhau cho Android và iOS, bạn có thể thêm nó vào resources/android và resources/ios thay cho resources thư mục.