https://github.com/microsoft/WDD-Spring-2018

The Windows Developer Day Spring 2018 demo applications
https://github.com/microsoft/WDD-Spring-2018

Last synced: 9 days ago
JSON representation

The Windows Developer Day Spring 2018 demo applications

• Host: GitHub
• URL: https://github.com/microsoft/WDD-Spring-2018
• Owner: microsoft
• License: mit
• Created: 2018-02-08T17:42:32.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-06-02T19:39:00.000Z (over 1 year ago)
• Last Synced: 2024-08-02T11:14:26.674Z (3 months ago)
• Language: C#
• Size: 4.34 MB
• Stars: 38
• Watchers: 9
• Forks: 12
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-winui - Contoso Insurance UWP App -   This UWP app was designed to showcase how Fluent Design, Windows Timeline and Adaptive Cards work together on the Windows Developer Day 2018. (Sample Apps / What We Track)

README

        
# Contoso Insurance UWP App

This UWP app was designed to showcase how Fluent Design, Windows Timeline and Adaptive Cards work together on the Windows Developer Day 2018.

[View the full WDD Keynote here](https://www.youtube.com/watch?v=D6YAJxFsmuM)

Running the project

------

You will need Visual Studio 2017 and Windows 10 Insider Build along with the SDK version `17110` or greater.

Key UI components

------

`MainPage.xaml` is the top-level page that contains the background image, a `NavigationView` and a `NotificationDialog` control on the bottom right corner of the page.

* The `NavigationView` contains the main menu and a `ContentFrame` that basically hosts all other pages such as `HomePage`, `CasesPage` and `CasePage`.

    * `HomePage` contains the Telerik `RadCartesianChart` control and a few other dummy UI elements.

    * `CasesPage` contains an extended `AdaptiveGridView` control that displays a list of cases. A new `RefreshContainer` control is used to wrap the `AdaptiveGridView` for enabling the *pull-to-refresh* gesture.

    * `CasePage` is the detail page of one particular case. This is where we create user activities and push the adatpive card (`timeline.json`) to Windows Timeline.

* `NotificationDialog` contains a Bing `MapControl`, a `ListView` that shows a list of adjusters, and some adaptive card UI that's generated from `bot1.json`, `bot2.json` and `bot3.json`. The use of `AcrylicBrush` is in this control too.

For demo purpose, you can enable the *adjuster view* by clicking/tapping on the avatar from the bottom left of the main page.

P.S. *Bahnschrift* is the font that's used throughout the project. :)