Windows 10 UWP–Migrating a Windows 8.1 App (Part 3 of N)

Following on from;

Windows 10 UWP–Migrating a Windows 8.1 App (Part 1 of N where N tends to infinity)

Windows 10 UWP–Migrating a Windows 8.1 App (Part 2 of N)

in Windows 8.x we had the Settings charm which I quite liked in that it provided a consistent piece of UI whereby a user could expect to discover and raise and app’s settings.

image

The UI for kwiQR on Windows 8.x offered 2 settings commands to the OS – ‘settings’ and ‘about’ which looked like this;

image

and this respectively;

image

Naturally, in Windows 10 the charms have gone and so there needs to be a new way of launching settings for my app and so I added a navigation button;

image

and that asks the app’s Frame to navigate to a new settings page.

Constructing that page was a fairly easy task – I modelled it off the one that I see in the News app;

image

and I simply made a page with a Pivot with 4 sections, each of which displays a user control as per;

image

(as an aside, I’m unsure why Visual Studio hates this Pivot control so much but it draws squiggly lines all over it whenever it sees it).

I already had 2 UserControls in the app to represent the general settings and the about settings and so I just split the about settings into 3 sections (about, credits, privacy policy) each with their own UserControl.

With a few tweaks to my layout, that was done and I had Settings working.

image

image

I’d say that this took around 30 minutes to get done, it’s pretty easy in  this simple app.