ionic-cli-icon and start animation automatically generate Ionic resources

Source: Internet
Author: User

In the face of various platforms and different resolution screen, the generation of different sizes of icons and splash screen is a very troublesome thing, in the ionic these to it to deal with the line, here as long as the use of Ionic resources directive can be achieved!! Here are the steps:

1. Generate the icon (splash screen) of the PNG picture, here the size of the best is 1024*1024, and note can not be full screen placement icon, because iOS will do round corner processing, and the generated photos must be PNG8 format, do not know how to generate Baidu bar;

2. Place the resulting photo under the resources/of the Ionic item, the icon is Icon.png, and the splash screen is splash.png

3. Command line into the Ionic directory, run Ionic resources so the program will automatically upload your pictures and generate different formats of images to the local Resources/android/and Resources/ios directory.

4. Copy the resulting picture to the appropriate platform directory, such as iOS to copy to Platforms/ios/ionic-test (project name)/resources/icons (or Splash), then you can pack!

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 Communication QQ Group: 391871301, Welcome to exchange questions.


ionic-cli-icon and start animation automatically generate Ionic resources

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.