NetTalk Central

Author Topic: Mobile APP: how to app icon, splash and images  (Read 6304 times)

walter.dasilva

  • Sr. Member
  • ****
  • Posts: 314
  • SOFTVALE
    • MSN Messenger - walter@softvale.com.br
    • View Profile
    • SOFTVALE
Mobile APP: how to app icon, splash and images
« on: April 11, 2016, 07:12:03 AM »
Hi,

How to work with icon, splash and all image with mobile app.

NT 9.06 app

thanks
Walter - SOFTVALE

Sibuya

  • Jr. Member
  • **
  • Posts: 65
    • View Profile
    • Email
Re: Mobile APP: how to app icon, splash and images
« Reply #1 on: April 12, 2016, 10:40:52 AM »
Hi Walter,

Could you explain a little bit more?

You a trying to build a mobile app or you already built it?

Cheers,

Marcos

walter.dasilva

  • Sr. Member
  • ****
  • Posts: 314
  • SOFTVALE
    • MSN Messenger - walter@softvale.com.br
    • View Profile
    • SOFTVALE
Re: Mobile APP: how to app icon, splash and images
« Reply #2 on: April 12, 2016, 11:01:17 AM »
Hi Sibuya,

I´m trying to build one but i could not made it with BasicMobile too.

I can't set icon, splash in BasicMobile, and i've put netwebform with a image for test.

Thanks
Walter - SOFTVALE

Sibuya

  • Jr. Member
  • **
  • Posts: 65
    • View Profile
    • Email
Re: Mobile APP: how to app icon, splash and images
« Reply #3 on: April 14, 2016, 06:58:34 AM »
Hi Walter,

Sorry for delay but it took some time...

Using mBuild for display Splash Screen it's not working as synchronization with server afer NT9.06 too.

Splash Screen worked when I compile locally using Cordova command line tool with Node.js. Attached are the files that I used.

You should modify config.xml to point corretly to all icon and splashscreen images because any tool warns you that you have missed or incorrect files declared in config.xml.

When building with mBuild or locally with command line these icon and images are included in res/drawable folders in APK file to be used by Android as a resource. So any image should be there when Application is disconnected from server.

Hope that it helps you.

Cheers,

Marcos



walter.dasilva

  • Sr. Member
  • ****
  • Posts: 314
  • SOFTVALE
    • MSN Messenger - walter@softvale.com.br
    • View Profile
    • SOFTVALE
Re: Mobile APP: how to app icon, splash and images
« Reply #4 on: April 19, 2016, 12:01:59 PM »
Hi Sibuya,

Thanks for your explanations.

I'm testing with NT 9.07 that just launched.

Anyway if i set a image into a form and set image for 'image/myimage.png'
how i tell to config.xml to copi to 'res/...'?

Regards,

Walter
Walter - SOFTVALE

Sibuya

  • Jr. Member
  • **
  • Posts: 65
    • View Profile
    • Email
Re: Mobile APP: how to app icon, splash and images
« Reply #5 on: April 22, 2016, 02:21:36 PM »
Hi Walter,

You have to create "images" folder under the output folder configured in mBuild and put your images and some images that mBuild don't capture like _busy.gif. I prefer to copy "images" under "web" folder and add all custom images that you used in your project. Your image path will be like "images/myimage.png". Sometimes path needs a slash at the beginning like "/images/myimage.png". I saw it with _busy.gif.

In config.xml file you have only to declare icons and splash screens for the plugins to use them from res folder.

After building and creation of APK you could open with a 7zip for example to see what files are inside just to check it and see how an Android APK is builded.

Regards,

Marcos

walter.dasilva

  • Sr. Member
  • ****
  • Posts: 314
  • SOFTVALE
    • MSN Messenger - walter@softvale.com.br
    • View Profile
    • SOFTVALE
Re: Mobile APP: how to app icon, splash and images
« Reply #6 on: April 25, 2016, 06:12:25 AM »
Hi Marcos,

Thank you a lot for tips.
Walter - SOFTVALE

walter.dasilva

  • Sr. Member
  • ****
  • Posts: 314
  • SOFTVALE
    • MSN Messenger - walter@softvale.com.br
    • View Profile
    • SOFTVALE
Re: Mobile APP: how to app icon, splash and images
« Reply #7 on: April 25, 2016, 12:30:50 PM »
Hi Marcos,

I had to use 'res/images/image.png' to make it works.

On tamplate i had to change busy image to 'res/images/_busy.gif', know i can see _busy.gif all time. rsrs

Walter - SOFTVALE

Sibuya

  • Jr. Member
  • **
  • Posts: 65
    • View Profile
    • Email
Re: Mobile APP: how to app icon, splash and images
« Reply #8 on: April 27, 2016, 01:23:17 PM »
Hi Walter,

Indeed. Seems that mBuild does not capture all images used by application. I copy images folder to output folder and the application can found them including _busy.gif and your customized ones.

Looking closer to the images that are in zip file created by mBuild we have images that came from images under theme folder.

Cheers,

Marcos

walter.dasilva

  • Sr. Member
  • ****
  • Posts: 314
  • SOFTVALE
    • MSN Messenger - walter@softvale.com.br
    • View Profile
    • SOFTVALE
Re: Mobile APP: how to app icon, splash and images
« Reply #9 on: April 28, 2016, 04:55:04 AM »
Hi Marcos,

It is ok.

Thanks

Walter
Walter - SOFTVALE