Category: Windows

Windows

Windows 10 Development: Custom StateTriggers

We’ve seen how the Windows 10 AdaptiveTrigger can help you create a dynamic responsive UI based on the height or width of the device or screen. However, this trigger is limited to a specific value for each dimension, and offers no way to respond to changes in the relationship between them, such as to determine […]

CONTINUE READING
Windows

Windows 10 Development: Responsive Design with AdaptiveTriggers

In the previous post we looked at the basics of UI automation in Windows 10 apps using Blend to declare the XAML for Visual States. However, while last time we used event handlers in the code-behind of a page to trigger different states, this time we’ll see how to use the new AdaptiveTriggers in Windows […]

CONTINUE READING
Windows

Windows 10 Development: UI Automation with Blend and VisualStateManager

In our previous post we built a UniformGrid container for the ListView, resulting in an evenly-spaced, grid-like view for the main screen of Falafel2Go: This screen is actually made up of two such ListViews in a RelativePanel, allowing it to reposition the lists to support a landscape view, while still keeping the larger size for […]

CONTINUE READING
Windows

Windows 10 Development: Creating a UniformGrid Container

This post describes the need for and implementation of a UniformGrid layout control that, when used with a ListView, allows the repeated elements to appropriately stretch to a consistent size to achieve a grid-like layout. Grid Layouts: Simple but Static In our last post we looked at the new RelativePanel control, which we used in the […]

CONTINUE READING
Windows

Windows 10 Development: RelativePanel

Another new control in the Windows 10 Developer toolbox is the RelativePanel, a layout container which enables flexible positioning between the elements it contains. Today we’ll take a closer look at this control and how we used it to build the UI of the Falafel2Go app for Windows 10. RelativePanel Positioning Using the RelativePanel, each […]

CONTINUE READING
Windows

Windows 10 Development: SplitView

Now that we have a simple but solid foundation for a complete Windows 10 app, let’s take a tour through some of the brand new controls available on the platform. Today we’ll look at the SplitView control, which enables you to quickly create a consistent, intuitive navigation UI that can automatically adjust to different screen […]

CONTINUE READING
Windows

Windows 10 Development: MvvmLight NavigationService and the Behaviors SDK

Following our last post, we now have a solid framework for our app to handle state and lifecycle. However, at this point we are still navigating the app directly from the code-behind of the Views, which ties the navigation to the platform code. In addition to cluttering up our code, this also restricts us from […]

CONTINUE READING
Blend Visual Studio Windows

Windows 10 Development: Adding Design-Time Data with Blend

In our last post, we installed the MVVM Light Toolkit and defined the basic framework for a simple two-page app with the MVVM pattern. With the ViewModels we created, we now have the containers for the data, but it would be even more helpful to pre-populate them with some sample data to aid in the designing of […]

CONTINUE READING