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.
Related
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.
For example, I create a second tile, its initial tile template is flip; then I call ShellTile.Update(ShellTileData data) to update the tile with iconic template, what I can see is that, something was updated, and something was not. So can we apply different tile template to one Live tile on windows phone 8?
No. It's not possible to change the type of a tile when you update it.
Updating is solely intended for updating the content of the tile, not changing it.
Every tile type in windows phone have their own characteristics, very few property's can be updated commonly,like background image.
Up to my knowledge, we can't apply one type of template to another type of tile, if you know any idea to do so, please share to all.
here the brief explanation about
tile in windows phone
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
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 am new in Windows Phone, and I've used AnimationArray in iOS to achieve the animation property of multiple images but I'm not sure how to accomplish the same in Windows Phone 8. Has anyone done this before?
You can create an array of images - use BitmapImage[] for that. Then, using a Timer with specified interval, change the Source property for a Image XAML element.