Jump to content

[TOPIC: topicViewTemplate]
[GLOBAL: userSmallPhoto]
Photo

Any tips or guides to create the Iconic File Template for WP8
Started by rbm1155 Oct 25 2014 11:04 PM

6 replies to this topic
[TOPIC CONTROLS]
This topic has been archived. This means that you cannot reply to this topic.
[/TOPIC CONTROLS]
[modOptionsDropdown]
[/modOptionsDropdown]
[reputationFilter]
[TOPIC: post.html]
#1

rbm1155

[GLOBAL: userInfoPane.html]
rbm1155
  • Contributor

  • 108 posts
  • Corona SDK

I create the ApplicationIcon.png and dropped it in the assets folder, when I build to device

I saw the icon in the device.

 

But when I tried to "pin it to start"  the default white circle icon appeared (not my icon)

 

I believe there are three types of icons that users can pin in the start.

 

Can someone share their experience with this ?

 

Thank you !



[TOPIC: post.html]
#2

rbm1155

[GLOBAL: userInfoPane.html]
rbm1155
  • Contributor

  • 108 posts
  • Corona SDK

i think i figured it out in the assets/tiles folder of the project.

 

 

next step is how to publish the app and assets. any quick guide on how to do this ?



[TOPIC: post.html]
#3

Joshua Quick

[GLOBAL: userInfoPane.html]
Joshua Quick
  • Moderator

  • 3,397 posts
  • Corona Staff

In case you missed it, Microsoft documents WP8 tiles here...

   http://msdn.microsoft.com/en-us/library/windows/apps/hh202948(v=vs.105).aspx

 

Microsoft documents how to submit/publish your WP8 app here...

   http://dev.windows.com/en-us/publish/

   http://msdn.microsoft.com/library/windows/apps/jj206736.aspx



[TOPIC: post.html]
#4

scottadelman

[GLOBAL: userInfoPane.html]
scottadelman
  • Contributor

  • 237 posts
  • Corona SDK

Which Tile files do we actually need?  It says "A Tile is an image that represents your app on the Start screen. All apps have at least one Tile, known as the default Tile, which displays on the Start screen when a customer pins your app from the App list."

 

Which is the default tile?  I'd like to use just one.



[TOPIC: post.html]
#5

rbm1155

[GLOBAL: userInfoPane.html]
rbm1155
  • Contributor

  • 108 posts
  • Corona SDK

Hey Scott,

 

I'm also not sure, I'm just guessing.

 

in your projects assets/tile there are five .png files.

What I did was change those into the app's image.

I was able to pin one of the icons in the "start page"



[TOPIC: post.html]
#6

spacewolf

[GLOBAL: userInfoPane.html]
spacewolf
  • Contributor

  • 298 posts
  • Enterprise

There are different types of tiles on windows phone. For your corona apps, just use the TemplateFlip type. This type of tile will be a static image instead of a "live tile." 

 

Select Tile Template:

* Double click WMAppManifest.xml file in your solution explorer. This brings up the editor for that file.

* One of the options is Tile Template. Make sure it is set to TemplateFlip

 

Create Icon Images:

You will need 3 images (or 4 if you want to support a large tile too).

 

Size your icon image to 200x200 and save it in the Assets/logo-200x200.png

Size your icon image to 159x159 and save it in the Assets/Tiles/logo-159x159.png

Size your icon image to 336x336 and save it in the Assets/Tiles/logo-336x336.png

Create an icon image at 691x336 and save it in the Assets/Tiles/logo-691x336.png (you only need this one if you want to support large tiles.

 

Add Icon Images to your Project:

* In your solution explorer right click the Assets/Tiles folder and select Add->Existing Item. Select your logo-159x159.png, logo-336x336.png, and logo-691x336.png files and click OK.

* In your solution explorer right click the Assets folder and select Add->Existing Item. Select your logo-200x200.png file and click OK.

 

Configure your app to use the Icon Images:

* Open the WMAppManifest.xml editor window again

* In the App Icon: row click the "..." button and select your logo-200x200.png

* If you made a large icon (691x336) then check the "Support for large Tiles" option

* In the Tile Images: row click the "..." button under the Small: section and select your logo-159x159.png file

* In the Tile Images: row click the "..." button under the Medium: section and select your logo-336x336.png file

* In the Tile Images: row click the "..." button under the Large: section and select your logo-691x336.png file

 

Configure your Tile Label:

If you want to have a text label at the bottom of your tile icon, then enter in the label text in the Tile Title: row. If you don't want to have text added to your tile, then delete it and enter in a single space.

 

Congratulations you have now configured your project to use your icons!



[TOPIC: post.html]
#7

Joshua Quick

[GLOBAL: userInfoPane.html]
Joshua Quick
  • Moderator

  • 3,397 posts
  • Corona Staff

@spacewolf, thanks for taking the time to post this.  :)

 

To add to what @spacewolf has written, you have a choice of 3 types of tiles to use on a WP8 app which are TemplateFlip, TemplateCycle, and TemplateIconic.  You must choose 1 of the 3 in the "WMAppManifest" file, which when double clicked in Visual Studio will provide a nice UI for you to use.  The link I posted above provides Microsoft's official documentation on what the 3 tile types do and how they work.




[topic_controls]
[/topic_controls]