Van Arsdel Sample App Released!

Windows

Windows
We’re excited to announce the public release of our feature showcase sample app, Van Arsdel!

The Van Arsdel, Ltd. end-to-end UWP sample app makes extensive use of the improved density and new controls in the Windows UI Library as well as powerful underlying features of the UX framework and composition.

This complete sample demonstrates the features in the 1809 SDK and is built on top of WinUI 2.0, giving you a full immersive example of how to build a rich, productive experience (in this case, selling lamps).

The app is
Please, Log in or Register to view URLs content!
and its source can be downloaded on
Please, Log in or Register to view URLs content!
.

Spotlight Features


Van Arsdel uses many new and exciting features that were launched in the latest release, some of which include controls that were requested from our community.

Horizontal Navigation View


30773cfdb6ae9c4fe41348e52bba7465.png


The sample app sports a sleek horizontal NavigationView with an in-line back button and Pivot-like visuals while maintaining a compact and CommandBar-like feel.

This particular NavigationView has also been modified to add “tabs” of new lamps when you click “Create your own” on the shop page:

f0cf52057d9ff13d9d5298008ea71696.png


If you’re curious about how to develop a similar experience for your app, please
Please, Log in or Register to view URLs content!
for the source on how we did this!

Compact UI Density


50aa2ec0ae035a19d65975ad7988be3c.png


XAML has also become more compact in the latest release! Van Arsdel sports two, more compact versions of our controls.

One version is our new standard sizing and the other is our new Compact Density sizing. Both can be viewed on the “Create your own” lamp page when you click the “Buy” button. Shift-clicking that same button will reveal the Compact Density mode (seen above on the right).

Command Bar Flyout


c21ad25deb27a2879070686919936b04-1024x510.png


Controls can now be much more robust with the ability to display a new control called CommandBarFlyout! This control works very similarly to our standard CommandBar control – even taking AppBarButtons within it! – but this new control also allows for MenuFlyoutItems to be placed in the overflow menu; in this case, enabling a more complete text input experience.

Learn More


To learn more about these exciting new controls, be sure to check out our
Please, Log in or Register to view URLs content!
.

The post
Please, Log in or Register to view URLs content!
appeared first on
Please, Log in or Register to view URLs content!
.

Please, Log in or Register to view URLs content!
 

Users who are viewing this thread

Top