Previously, we talked about how we can create a jumplist in WP8.1 to looks and act as closely as possible to the native experience. There’s a lot of styles and templates to get you going that I have available along with a sample project. Now, you can take this further by using templates that look and act like the ones found in various lists used in the OS.
I’ve created the DataTemplates that looks like items found in various system apps like Messaging, People, and Internet Explorer that you can just drop into your ListViews, LongListSelectors, or other list controls. I’ve made both WP XAML and Silverlight versions of the templates so the layouts and text behaviors are correct and ready to be used out of the gates. Just update the bindings so your data show up properly and you’re good to go. The colors of the text mirror whatever list I based the templates on but they don’t need to stay that color so feel free to modify the templates as needed.
Head over here to get the templates and check out the screenshots to see what you’re getting before you drop them into your lists’ ItemTemplate.
Recently, I’ve updated my custom templates to improve upon the Pivot and Hub project templates by making them more consistent with system UI. Today, I’ve added two additional item templates and one new project templates.
I’ve created a HubPage and PivotPage item template for WP8.1 XAML apps that contains a Hub control and Pivot control respectively. Both are styled correctly for accurate WP8.1 UX and barebones so you can add whatever you want to the Hubs and Pivot pages. The shipped WP8.1 templates do not include a HubPage or PivotPage template so this should make it easier to add those types of pages to your project.
Along with the item templates, a Blank app project template is included. I’ve added this because it has the Pivot styles in the App.xaml application resources. This makes it so you don’t have to worry about adding those correct styles later on if you decide to use a Pivot in your app.
I highly suggest you download and install the correct templates so your apps can look as consistent and polished as possible going forward. I recommend overwriting older versions of my templates if you’ve installed them before.
I’ve updated my collection of templates for Windows Phone 8.1 apps with two new templates. I’ve corrected most if not all of the UX issues with the shipped Visual Studio 2013 Update 2Rc for the “Hub App (Windows Phone)” and “Pivot App (Windows Phone)” templates. The changes mainly involves margin changes and continuum animation fixes.
Download and install the correct templates here. It’s recommended to just overwrite older versions of my templates.
Here are some of the most common oversights when designing a Windows Phone app. Eliminate these isues in your apps and not only will it look more aesthetically pleasing and professional, it’ll might even get you a few more stars in the Windows Phone Store reviews. Continue reading
You’re writing a WP8.1 XAML app and you’re looking for some kind of jumplist control. Well, you won’t find one and the LongListSelector is nonexistent unless you go back to using Silverlight. So read on if you want to create a proper jumplist experience with the proper Windows Phone UX.
Update: The contents of this post have been updated in Part 2 called “Making WP8.1 JumpLists Better” and most if not all of the resources have changed. This post will not be updated for historical purposes but the Sample Solution and Resources will reflect the most up to date implementation of the JumpList.
IMPORTANT: While these posts about JumpLists are super informative, I highly recommend checking out my JumpList controls in my QKit library and download them from nuget. QKit includes ready-to-use controls like the AlphaJumpList control so you don’t have to deal with the headaches of implementing it from scratch along with several other useful controls. You can also view the source code on http://qkit.codeplex.com/.
Whether you’re creating a Windows Phone app for the first time or for the fiftieth time, chances are you’re going to use the project and item templates built into Visual Studio as a starting point. That’s what they’re there for: to give you a trust-worthy starting point form which you can build your apps. So why do they look like something’s off?
Update 1: Included section for Pivots having improper style.
Update 2: Current version of Visual Studio 2013 Update 2 now have a more correct looking set of templates. However, there are still some issues that have not been fixed. One example is Pivots having wrong margins and character spacing. My corrected templates still are the closest you can get to a native look and feel so feel free to download them. Continue reading
I am simply known as Q and I am here as your guide through the world of app design for Windows Phone. I’ve spent years working with C#/XAML but my passion is in Windows Phone’s Modern (formerly known as Metro) UI. Here, I can share my discoveries, experiences, and solutions when designing a Modern UI app. Continue reading