HBuilder App development tutorial 03-custom icons, startup pages, and packaging, hbuilder03-

Source: Internet
Author: User

HBuilder App development tutorial 03-custom icons, startup pages, and packaging, hbuilder03-

Helloworld

The last time helloworld was mentioned, you should have been able to create a project and debug the real machine,

This time we will talk about the customization of icons, the customization of startup pages, and packaging.


Icon Customization

If no icons are customized, the charts at the top of the blog are displayed by default,

You certainly don't want to look like this. Come on, create your own icon.

Open manifest. json under the project and select the icon configuration at the bottom (the old version must be upgraded to the latest version ),

Then select a png of 256*256 size, and the system will automatically generate various icons.


Launch page Customization

The steps are the same as above. Do not select a startup image configuration item,

Then select the created image according to the image size format,

If you only generate android apps, you only need to set android images.


Package application information

Select an application information item, and then

1. Enter the application name

That is, the name of the app displayed on the mobile phone.

2. Version Number

Because the package is frequently modified during development,

Therefore, we recommend that you use the version number for differentiation. For example, you can use 1.1.1.2015070401 to indicate a large value. . Small. Date

3. Page entry

The entry page after the app is started. This is very important and will be explained in detail later.

4. Gravity sensing

There are four medium modes. Generally, you only need to select the first one, that is, the normal screen,

You can select other options in sequence.


SDK Configuration

That is, to reference the configuration of the third-party plug-in,

Most of them require entering your own ak, sk,

For more information, see third-party sdks,

You only need to configure ak, sk,

Logon, payment, push, and sharing are commonly used.


Permission Configuration

To provide a better user experience,

You need to delete unnecessary permissions,

Only the required permissions are retained.


Cloud Packaging

After configuring so many configurations, you can finally package them,

Hbuilder is packaged on the cloud by default,

That is, submit your code, package it, and then download the package,

Advantage: no matter how high or low your machine configuration is, you can pack the package quickly as long as the network speed is fast,

Of course, you can also perform local packaging. In this way, the android and ios environments are required, and no recommendation is made.

Specific options:

1. Select a platform

Choose android or ios, or both have

2. Select a certificate

You can select a public certificate if you just want to play it on your own,

However, this cannot be sent to the production environment. To publish to the production environment, you must apply for a google or apple certificate.

3. Click package

Click "package" and wait. The system displays the progress. After the package is completed, the package is automatically downloaded to the local device,

Open the folder where the package is located and you can use the app.


More Tutorials:

HBuilder development App Tutorial: http://uikoo9.com/book/detail/3

More Study Notes: http://uikoo9.com/book

Copyright Disclaimer: This article is an original article by the blogger and cannot be reproduced without the permission of the blogger.

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.