Mismatched Taskbar error prevents everything in the task bar from working, including the windows key. Reset your shell. Instructions in the “How to Solve” section of this post.
So, I love windows 10 multiple desktops (FINALLY!). But I noticed recently that when I switch back and forth several times in rapid succession, the task bar has a tendency to lag; resulting in a mis-match from the correct desktop.
Example Desktop 1 will have the corresponding task bar for Desktop 2 and Desktop 2 will have the task bar for Desktop 1.
How to Solve
Reset your Shell. If you don’t know how to do that here’s how.
Because this error prevented everything in the task bar from working, including the windows key, use Ctrl+Alt+Del to pull up the task manager.
Then find the first instance of explorer.exe. This is the shell containing the task bar. End that process.
To run it again. Click File > Run and type explorer, this will boot the shell again and get your task bar running.
Last but not least, Number 3! (or number 1 since this is a count, down…)
As I explained in the first post of this mini series, the Universal Windows Platform (UWP) allows for one build to run immediately on phone and desktop! But by doing this developers have to consider adaptive UI that can change for different views/devices (phones, Xbox, desktops, tablets, HoloLens). State Triggers and Adaptive Triggers are the two ways to accomplish this adaptive layout.
Continuing with the example from post two this example will show state triggers and how to adjust layouts as the view width decreases.
First we need to add a Visual State Manager to the bottom of our code, but within the tag.
<!-- Visual states reflect the application's window size -->
Next we need to define what our States are and what happens to the layout as a result of changing states.
In my Visual State Set Trigger I targeted the SplitView Pane, and adjusted it’s display mode so it doesn’t push our content to the right. Because we are setting the Split View’s Display mode in the State Triggers we need to remove it from the inline statement of the to avoid confusion.
Run it on the Local Machine and watch as you narrow the window how the menu automatically changes!
WIDTH > 600:
WIDTH < 600:
WIDTH < 600 and OVERLAY:
And there you have it. The 3 most notable/important changes (in my opinion) to the XAML UI from 8.1 to 10!
Hope you learned something. Let me know what your top three are, in the comments below!
Last Post we learned about the new Visual Studio, and how to add in Relative Panels.
Okay so number two on my list is Split View. What is Split View you ask? Well, Split view is the Universal Windows Platform’s (UWP’s) “Hamburger” menus. There are four styles or DisplayModes that you can choose from:
Overlay – Panel Comes out over Content
Inline – Panel comes out an shifts content over
Compact Overlay – Behaves like Overlay, but when Panel retracts a portion of it (usually icons) is still visible
Compact Inline – Behaves like Inline, but when Panel retracts a portion of it (usually icons) is till visible
Here’s some more documentation on it from MSDN and here’s how you add it to your code.
The first part is to add a button that will trigger the panel to come into view.
I’m taking a little detour from my usual Unity Gaming Tutorial Series, to give you the top 3 most important changes/updates (in my opinion) that have happened for the Universal Windows Platform (UWP).
TL;DR: Code is all on my GitHub, here http://bit.ly/UWP-UI-github
Now this is a super cool new feature that really comes in handy with Microsoft’s new UWP style of development. What do I mean by this? UWP allows for one build to run immediately on phone and desktop! But by doing this developers have to consider adaptive UI that can change for different views/devices (phones, Xbox, desktops, tablets, HoloLens).
So what is Relative Panel. Well it’s “a style of layout that is defined by the relationships between its child elements” – (read more here). When implementing this style of layout, normally there will be a child object acting as an anchor for the other children derive their location.
So I’m using the new Visual Studio 2015 RC. Interesting fact: You Do NOT need Windows 10 to build for Windows 10!
When you open Visual Studio you should see this interface.
If you are familiar with Visual Studio not much has changed.
Create a new UWP project.
A new project should be generated.
If you look at the Solution Explorer you should notice that there is no longer a shared folder, or two separate projects in the same solution for phone and store apps, like in 8.1.
Relative Panel Dev
Now I’m going to show you how Relative Panels work. Double click the Main.xaml file if it’s not already open.
I’ve circle two important things to notice when designing your app. The orientation and the screen that you are dev-ing on at the moment. Also notice the Grid tag? This is where most of our XAML code will be written. Let’s continue.
Third: The following squares will now be placed in the Panel relative to that initial Square. Let’s also make sure that we can still view everything though when the width changes. We can do this with adaptive triggers, which I’ll talk about later, but for now let’s add a scroller.