WP8.1 Live Tile with badge - c#

I've two questions regarding TileSquare71x71IconWithBadge/TileSquare150x150IconWithBadge/TileWide310x150IconWithBadgeAndText templates.
Why do I have to set "image" attribute? I provided all the logos (in visual assets in package manifest), why doesn't the app just grab the icons from there?
Where can I find logo templates for those tiles? I can't seem to get it to look right using regular app logos.

You don't need to update the tile to set a badge. If you want the default tile plus a badge then you can just update the badge and leave the tile alone.
The *IconWithBadge tiles allow for custom icons, which is why you need to set the image. You won't necessarily use the app's default icon. For example, the Phone app changes its icon from a phone to a phone with a tape to indicate the presence of voice mail messages.
You can find descriptions of the templates and example XML in the tile template catalog. Also see Details on sizing, padding, scaling, and transparency for Windows Phone Store apps

Related

Windows Phone 8.1 show nearby places on map c#

I have create one windows phone app. In this app, I am using MapControl to show user current location on map.
xmlns:Maps="using:Windows.UI.Xaml.Controls.Maps"
<Maps:MapControl Grid.Row="0" Name="myMap" LandmarksVisible="True" TrafficFlowVisible="True" PedestrianFeaturesVisible="True">
</Maps:MapControl>
When user start the app, it show his/her current location. Here I want to show nearby places such as restaurant, petrol pumps and all others available on maps. In map control you can see I have added LandmarksVisible="True". But it is not showing all the places. When I start default Maps app provided by Microsoft in my phone, it shows me all the places around me. But in my project I can't see.
Note: I have also added MapServiceToken to myMap.
How can I show nearby places ?
It isn't possible to do with just a MapControl. What you need to do is to fetch POIs from some kind of API, e.g. Google Places API (perhaps Bing has something similar), parse the result and display POIs you got on the map using pushpins.

How can I design responsive UI in universal windows app

I have just started to develop in universal app. I have developed app in Windows 8 store apps and also developing Windows Phone 8 and Windows Phone 8.1 (SilverLight) Apps. Question is related to universal app in Windows and Single UI which is created in App. Share folder.
1 For web there is word like responsive UI. to create there is media query to write css.
I know css is same as we can create resource with for xaml . I can get resolution form c# and I can create different UI for different resolution and I can visible collapsed according to resolution but is there any single way which automatically adjust according to design.? ( this question is related to data binding controls specially...)
There are several techniques to adjust the page's design to the size, shape, and resolution of the window. These are usually used together.
The first is to use dynamic layout controls instead of hard-coding positions. For example, use a Grid control with * columns to split the screen by percentages, or a StackPanel to stack controls so they as they fit. GridViews can scale to fill the screen (and beyond). This will let the app flow to use the available space.
MSDN discusses this technique in Quickstart: Defining layouts
For larger scale changes where the app should make bigger changes to adjust to larger changes such as portrait vs. landscape vs. snapped modes you can use Visual States. Visual States allow the app to set a specific state (e.g. "Landscape") which automatically changes properties of the page's controls. For dynamic layout the visual states will typically hide and show different controls, for example to switch from a horizontally oriented GridView in Landscape mode to a vertically oriented ListView in Portrait mode. By data-binding both controls to the same data the code-behind doesn't need to know any details about which controls are used at any specific time.
MSDN discusses this technique in Quickstart: Designing apps for different window sizes
Blend has a very good Visual States editor that you can use to define and set up different visual states visually.
The same techniques and code apply to Windows Store apps and for Windows Phone Store apps, but the exact layouts are likely to be different to cater to the different device sizes. Windows Store apps run on a wide range of display sizes and users can resize Windows Store apps freely, so Windows Store apps need to support much more flexible layouts than Windows Phone Store apps. Windows Phone Store apps need to take display resolution into account, but run on fairly consistent aspect ratios which change only for portrait or landscape.
For very simple apps you may be able get away with sharing a single Xaml page in the Shared project of a Universal app, but in most cases you'll be better off with separate page designs for Windows Store and Windows Phone apps. In addition to the screen size differences, there are a few control differences that will require separate Xaml. Xaml doesn't support conditional compilation, so a Shared Xaml file would need to be exactly the same in both.
For Windows Store you can use 'visual states'. You can set rules that determine which visual state is to be used, e.g. when the width is 320 switch to snap mode and modify the layout to suit.
Be careful when looking up information on this because the paradigm changed a lot between Windows 8 and 8.1.
Jerry Nixon has a great tutorial on visual states:
http://blog.jerrynixon.com/2013/11/windows-81-how-to-use-visual-states-in.html
This post from my blog covers a simple scenario using code behind only (VB, but should be easy to change to C#) - not advisable when you have a complex layout:
http://grogansoft.com/blog/?p=116
And there is a sample somewhere amongst these on the Windows Dev Center:
https://code.msdn.microsoft.com/windowsapps/Windows-8-Modern-Style-App-Samples/view/SamplePack#content
For the phone version(s) you should probably not bother with visual states as a phone app always has the full screen, and it's a better user experience to lock the display to either portrait or landscape.
Your phone/Store apps can share controls, but they have their own pages. I usually create full sized and smaller versions of any data-bound controls and use the smaller size on the phone and when the Store version is in a small state (e.g. 1/2 the screen).

In-app cyclic photo tile for windows phone

I am trying to create an in-app tile like the image below (groups), with images flipping on the tile. I have gone through the HubTile but couldn't find. Which WP control would help to create such type of tile effect. Plus, will data binding of images be possible for the tile ImageSource ?
P.S. - This is not a live tile. I want the tile within the app.
Have you tried ImageTile control from Coding4Fun toolkit?
A detailed article on how to use it can be found on GeekChamp.
The Windows Phone Toolkit has a free HubTile control that can be used within your application. There are also commercial alternatives such as Telerik's HubTile.

How do the new Windows 8 App logos work?

In the Windows 8 App manifest file, I see a handful of different fields. For example:
Logo
Wide Logo
Small Logo
Store Logo
Badge Logo
Splash Screen
Each of these also have their own scaled assets, too.
So, if I want to scale my app's image (since I usually create graphics with Fireworks or Illustrator), how do I properly set all of the images for my app? I would like to support all of the scales possible by re-sizing my image to fit the scaled values...or am I supposed to go about it differently by creating an image with multiple sub-scales within it? Is there a name for that? I'm a little bit confused here...essentially, how does this all work?
Here is a blog post from Jerry Nixon about logo resizing, he use Expression Design but it should be similar with Fireworks or Illustrator: http://blog.jerrynixon.com/2013/09/windows-81-says-forget-all-that-design.html
Check out this MSDN post
Choosing your app images
But I would recommend you to check out Jerry Nixon's this article.
Windows 8 apps need 28 logo varietals; enter Expression Design

How to save bing map to image on windows phone 7.1

I have a map allow user marked your location. I want to save this MapView.
I am not sure if it's possible to save a map view as an image.
However, you could use the imagery REST service from Bing Maps to generate images. See this link: http://msdn.microsoft.com/en-us/library/ff701724.aspx
Your other option is to take a screen shot of the whole screen. See this link on how to do this:
http://www.developer.nokia.com/Community/Wiki/index.php?title=How_to_capture_screen_programmatically_in_Windows_Phone_7&ampdiff=184613&ampoldid=184561

Categories

Resources