Ionic-CLI-icon and startup animation automatically generate ionic resources, ionic-cli-ionic

Source: Internet
Author: User

Ionic-CLI-icon and startup animation automatically generate ionic resources, ionic-cli-ionic

It is very troublesome to generate icons of different sizes and enable pictures for various platforms and screens with different resolutions. In ionic, you just need to handle these issues, you only need to use the ionic resources command !! The following are the steps:

1. generate a png image of the icon (startup screen). The size here is preferably 1024*1024. Note that the icon cannot be placed on full screen, because ios performs rounded corner processing, the generated photos must be in the png8 format. If you do not know how to generate the photos, please Baidu;

2. Place the generated photos under resources/Under the ionic project, and the image is marked as icon.png?start image as splash.png.

3. Enter the ionic directory through the command line. Run ionic resources so that the program will automatically upload your images and generate images of different formats to the local resources/android/and resources/ios directories.

4. copy the generated image to the corresponding platform directory. For example, ios copies the image to platforms/ios/ionic-test (project name)/Resources/icons (or splash ), then you can package it!

Reference address:

Http://ionicframework.com/docs/cli/icon-splashscreen.html

Http://forum.ionicframework.com/t/cant-use-png-24-with-ionic-resources/19821

Http://blog.ionic.io/automating-icons-and-splash-screens/

Ionic development and exchange QQ group: 391871301. You are welcome to come and ask questions.


Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.