Does anyone know why my Win Phone 8 app tile doesn't show the icon I set? This is what I get (and yes, am am sure that's not my app's icon):
This is what I have so far and I ran out of ideas of what can be wrong:
The small icon is a png of 110x110
The medium icon is a png of 202x202
Both images have the build Type = Content
Both images have the copy to output property = Copy if newer
The application icon is the same as the small icon and it shows alright in the program list.
Here is a part of my app's manifest:
<TemplateIconic>
<SmallImageURI IsRelative="true" IsResource="false">Assets\Icons\AppIcon_small.png</SmallImageURI>
<Count>0</Count>
<IconImageURI IsRelative="true" IsResource="false">Assets\Icons\AppIcon_medium.png</IconImageURI>
<Title>
</Title>
<Message>
</Message>
<BackgroundColor>
</BackgroundColor>
<HasLarge>false</HasLarge>
<LargeContent1>
</LargeContent1>
<LargeContent2>
</LargeContent2>
<LargeContent3>
</LargeContent3>
<DeviceLockImageURI IsRelative="true" IsResource="false">
</DeviceLockImageURI>
</TemplateIconic>
If you use TemplateIconic tile the images need to be transparent icons as outlined in Iconic Tile template for Windows Phone 8 because it is just going to end up being a white icon inside a tile. Your image appears as a white square because it does not have any transparency. With the images you have, you would want to use the TemplateFlip tiles and adjust the size of your tiles accordingly.
I had the same problem.
After a lot of brainstorming I tried this and woah it worked!
Check if the image you are setting has a white (or other) background color. If it has, remove the background from the image using Photoshop(Tool: magic eraser) and keep the background transparent.
Replace this transparent background image and it will show up in emulator!
Hope this works at ur end too! :)
Did you look at the manifest file? You can choose the images in that file. I mean using the UI in the studio, open the manifest file and choose the image.
According to Iconic Tile sizing info in Iconic Tile template for Windows Phone 8, both small icon and medium icon must be design with transparent background.
The small icon is a png of 70x110
The medium icon is a png of 130x202
If you need to set the background color, set the BackgroundColor in WMAppManifest.xml as follow.
<BackgroundColor>[hex ARGB format color]</BackgroundColor>
I work with Xamarin.Forms (Shared) for my WP-app and also had problems to implement the Tile in the WP-part of my project.
To set the background to transparent to the tile image have done the job.
But I have used images with 158x158 and 336x336 what also works and allows to use the standard-icon (in a higher resolution) what - I think - most users want to do.
I have created a short description for all visitors, who use XF for WP-development (including app-icon, splash-screen and Tile).
How to add app-icon, splash-screen and Tile in a WP 8.0 XF-project
Related
I got the following errors:
ERROR ITMS-90528: "Invalid Image Asset. The image asset 'App Icon - Small' in 'Payload/Projectname.app' has an invalid scale value of '0'.
Home Screen Icon assets are allowed scale values of ( "1" ).
ERROR ITMS-90523: "Invalid Image Asset. The image stack 'App Icon - Small' in 'Payload/Projectname.app/Assets.car' can't have a
transparent background layer.
ERROR ITMS-90531: "Invalid Image Asset. The image stack 'App Icon - Small' in 'Payload/Projectname.app/Assets.car' must have a background
layer that's 400x240 pixels.
ERROR ITMS-90532: "Invalid Image Asset. The image stack 'App Icon - Small' in 'Payload/Projectname.app/Assets.car' has an incorrectly
positioned background layer.
I checked everything and both the small and big sized icons for the tvOS app are on the perfect size, background is without transparency and on the size as needed. Both looks perfect on the preview and on the actual Apple TV system.
The icons assent was created from the formal Photoshop plugin Apple supplied. No clue where to go from here.
Seems that making all layers of the icon full size solved the problem. Means not using the location of the layer but making the asset in a way the location is already on the full sized layer.
Just to make clear, All layers of the small icon (400 x 240 pixels) are with 400x 240 size with transparency except for the background layer which is without transparency offcourse.
Seems like a very odd bug so I though publishing it.
After 3 days trying to solve the ERROR ITMS-90523 this was what it was happening to me:
The error uploading my app said the App Icon Small was wrong. At the end yes, it was a problem because one image had a transparent background layer but it was in the background App Icon LARGE!! Xcode Version 8.3.3 (8E3004b)
TvOS upload - error said the problem is with App Icon stack. The problem was actually in the App Icon - App Store stack. Removing aplha channel in the Preview app solved it.
I am making a windows phone 8 app and I'm trying to make a nice tile for the start screen, so I opened my WMAppManifest.xml in Visual Studio, selected TemplateIconic and imported the desired image. My problem is that it's using my image as an alpha mask, so all the colours it has are simply transformed into white. I'd like to conserve all the colours from my image.
How can I avoid my tile icon being used as an alpha mask?
Go to WMAppManifest.xml and set Tile Template as TemplateFlip.
In a Metro App, when retrieving the Thumbnail of a StorageFile using the GetThumbnailAsync() method, the Background Color is a Dark Blue/Navy Blue.
Is it possible to override this Color? I would like the Background to be Transparent.
From the documentation,
The thumbnail is an icon on a background of appropriate size. The background color is determined by the app that is associated with the file.
Combined with the following note:
Note If the associated app is a Windows Store app, the app's tile background color is used.
If your app has an association with the file, just make sure your apps Background color is Transparent (not 100% sure you can do that, actually).
The other option is to use something like WriteableBitmapEx to find every pixel of the tile color, then turn those pixels to Transparent. Shouldn't be too absolutely terrible, but will have an overhead (naturally).
Hope this helps and Happy Coding!
I'm a bit confused about what kind of tile I should choose to make my scenario work.
Scenario is as follows: my application supports small and medium tiles. By default in both these modes it shows an app icon on transparent background but user can choose a particular image to be a tile cover. When tile is covered with image I don't want it to flip or move - just a static image with app name on top of it.
I've tried TemplateCycle with app icon as default and user's selected image as an alternative but cycle tile moves these images up and down all the time and I don't want that. I've was considered TempalteIconic but it turned out it only supports images with transparent background so no option for user's image. So what kind of tile should I choose?
Use a normal fliptile but don't set anything(text, image) on the back. It won't flip if you do that.
I want to display text on a secondary tile, like Evernote. Currently, I use the FlipTileData because it supports text on the BackContent property. The problem with FlipTileData is, that I only need the back tile, not the front.
Is there a way to set content on the front or to create a tile which does not flip?
Yes, it's possible. You start by creating a standard tile, then render a set of UI elements (eg. TextBlock) to an image to get the desired look, then set it as the 'BackgroundImage' of the tile.
The following tutorial and previous answer should help...
http://wp.qmatteoq.com/how-to-create-cool-custom-tiles-in-a-windows-phone-application/
https://stackoverflow.com/a/9659172/247257
As the above links assume Windows Phone 7, you will need to adjust the tile sizes for Windows Phone 8 and cater for the new wide tile size.