[null, {"document_url": "http://www.uwpapp.tips/2017/07/", "unformatted_src": "https://4.bp.blogspot.com/-UWgMDLSEK5U/WW601H04n1I/AAAAAAAANJ0/_cuDKjFsVi4Ca7IOqd8TltJTX1j3hQ1pgCLcBGAs/s400/uwptoolkit1.png", "src": "https://4.bp.blogspot.com/-UWgMDLSEK5U/WW601H04n1I/AAAAAAAANJ0/_cuDKjFsVi4Ca7IOqd8TltJTX1j3hQ1pgCLcBGAs/s400/uwptoolkit1.png", "formatted_filename": "uwptoolkit", "rendered_width": 400, "rendered_height": 337}, null, null, {"document_url": "http://www.uwpapp.tips/2017/07/", "unformatted_src": "https://4.bp.blogspot.com/-ensrqRawfog/WWKMubbRi6I/AAAAAAAANGM/XvLzoLbagVER9WT4gDWDfjL4qFDE4FgnwCLcBGAs/s320/NavigationServiceEx.png", "src": "https://4.bp.blogspot.com/-ensrqRawfog/WWKMubbRi6I/AAAAAAAANGM/XvLzoLbagVER9WT4gDWDfjL4qFDE4FgnwCLcBGAs/s320/NavigationServiceEx.png", "formatted_filename": "NavigationServiceEx", "rendered_width": 221, "rendered_height": 320}, null, {"document_url": "http://www.uwpapp.tips/2017/07/", "unformatted_src": "https://2.bp.blogspot.com/-4Esprp9y0XU/WWKMzlJnPwI/AAAAAAAANGQ/PecBEFOZS98gUKa7Almh9eEAS7IG5EYCQCLcBGAs/s320/ActivationService.png", "src": "https://2.bp.blogspot.com/-4Esprp9y0XU/WWKMzlJnPwI/AAAAAAAANGQ/PecBEFOZS98gUKa7Almh9eEAS7IG5EYCQCLcBGAs/s320/ActivationService.png", "formatted_filename": "ActivationService", "rendered_width": 241, "rendered_height": 320}, null, null, {"document_url": "http://www.uwpapp.tips/2017/07/", "unformatted_src": "https://2.bp.blogspot.com/-C7L7tYZ21nw/WVk5tDaYSLI/AAAAAAAAM_Q/nIFfK-YLTdASbINk4dkT_zhy9sOkCMlxACLcBGAs/s400/WAS1.png", "src": "https://2.bp.blogspot.com/-C7L7tYZ21nw/WVk5tDaYSLI/AAAAAAAAM_Q/nIFfK-YLTdASbINk4dkT_zhy9sOkCMlxACLcBGAs/s400/WAS1.png", "formatted_filename": "WAS", "rendered_width": 400, "rendered_height": 276}, null, {"document_url": "http://www.uwpapp.tips/2017/07/", "unformatted_src": "https://3.bp.blogspot.com/-XA5yYVr8DFg/WVk5nlqZw3I/AAAAAAAAM_M/zpErBWaJM20RAzkYz2Jmqzv2js6Jt9F7wCLcBGAs/s400/WAS2.png", "src": "https://3.bp.blogspot.com/-XA5yYVr8DFg/WVk5nlqZw3I/AAAAAAAAM_M/zpErBWaJM20RAzkYz2Jmqzv2js6Jt9F7wCLcBGAs/s400/WAS2.png", "formatted_filename": "WAS", "rendered_width": 400, "rendered_height": 276}, null, {"document_url": "http://www.uwpapp.tips/2017/07/", "unformatted_src": "https://1.bp.blogspot.com/-q_K4ClVbLyg/WVk5eIsC5yI/AAAAAAAAM_I/CMIF3AOApzU5SpbSl63o0Iu4Woxci1QBgCLcBGAs/s640/WAS3.png", "src": "https://1.bp.blogspot.com/-q_K4ClVbLyg/WVk5eIsC5yI/AAAAAAAAM_I/CMIF3AOApzU5SpbSl63o0Iu4Woxci1QBgCLcBGAs/s640/WAS3.png", "formatted_filename": "WAS", "rendered_width": 640, "rendered_height": 360}, null, null, {"document_url": "http://www.uwpapp.tips/2017/07/", "unformatted_src": "https://4.bp.blogspot.com/-1gmzcffPGv4/WVk5GHUWQyI/AAAAAAAAM_A/V_3z2YriSEwC3PrreYCkevpYhjn-ZsO8ACLcBGAs/s400/WAS5.png", "src": "https://4.bp.blogspot.com/-1gmzcffPGv4/WVk5GHUWQyI/AAAAAAAAM_A/V_3z2YriSEwC3PrreYCkevpYhjn-ZsO8ACLcBGAs/s400/WAS5.png", "formatted_filename": "WAS", "rendered_width": 400, "rendered_height": 310}, null, null, null, {"document_url": "http://www.uwpapp.tips/2017/07/", "unformatted_src": "//1.bp.blogspot.com/-U-IBNwzUDz4/WzOUZpH5fwI/AAAAAAAAQrc/4wnVnq6cI4UmaxSjtcF7K8t7wS02OxNHgCK4BGAYYCw/s80/Alvin-sketch.jpeg", "src": "http://1.bp.blogspot.com/-U-IBNwzUDz4/WzOUZpH5fwI/AAAAAAAAQrc/4wnVnq6cI4UmaxSjtcF7K8t7wS02OxNHgCK4BGAYYCw/s80/Alvin-sketch.jpeg", "formatted_filename": "Alvin sketch", "alt_text": "My photo", "rendered_width": 80, "rendered_height": 80}, null, null, null]

UWP Tip #3 - UWP Community Toolkit - Part 1, What's in the Box?

Once upon a time, Microsoft released a set of free controls for WPF developers. It was called the WPF Toolkit. It contained components such as DataGrid, DatePicker, Calendar, AutoCompleteBox, and a Chart control. Today's XAML developer would consider these to be basics that would be in the box with their framework. At the time, we saw them as a saving grace. The Extended WPF Toolkit took it a step further, but that's a tale for another blog.

Today's UWP offers these types of controls and much more with File-->New Project-->Blank App. Accordingly, today's toolkit delivers richer, more advanced tools.

Last August, hot on the heels of the Windows 10 Anniversary Update, Microsoft announced the UWP Community Toolkit. Earlier this month, the UWP Community Toolkit v1.5 was released. Unlike the WPF Toolkit of yesterday, this toolkit is about more than UI controls. Sure, it has controls. It has some pretty useful controls:
In addition to controls, the toolkit provides:
Each part of the toolkit can be downloaded to your project via its NuGet Package, making it easy to pick and choose which parts of the toolkit you'll want to leverage in your app without adding unnecessary bloat. To get started, just manage the NuGet packages for your UWP project and search for "Microsoft.Toolkit.UWP": Each package's description has enough information to easily identify which of them you will want to download to your project. You'll get any other dependent packages also… because Nuget.

The entire UWP Community Toolkit is Open Source. If there is something in the toolkit that needs a fix or enhancement, add an issue, fork it, create a pull request. You know the drill by now.

Next time, in UWP Tip #4, we will start building an application with the UWP Community Toolkit. In the coming weeks, I will examine the different parts of the toolkit over a series of posts.

In the meantime, go check it out for yourself!

del.icio.us Tags: uwp community toolkit,uwp,open source,wpf
Posted by Alvin Ashcraft at 9:25 PM No comments: 

UWP Tip #2 - Windows Template Studio - Examining the Project

NuGet Packages

Services and Helpers 


del.icio.us Tags: uwp,windows template studio,mvvm light,uwp community toolkit
Posted by Alvin Ashcraft at 4:09 PM 1 comment: 


UWP Tip #1 - Build Your First App with Windows Template Studio

Welcome to the Tip #1 here on UWP Tips!

Do you have an idea for an relatively simple app but just don't have the time to get it off the ground? Maybe you have a web site or blog, and you would like to add an app that surfaces the existing web UI. Even the simplest of apps requires a great deal of infrastructure code be built up front, right?

Windows Template Studio

Earlier this year, the WinDev team at Microsoft unveiled Windows Template Studio, a Visual Studio extension that makes UWP app development accessible to more developers. After installing the extension, select the new project type for Windows Template Studio (Universal Windows) found under Windows Universal. This will start a wizard-style experience to select the frameworks, pages and features to be added to your application. I elected to create a Navigation Pane project using MVVMLight instead of the code-behind model for my app. I also added three Web View pages for my three blogs, named UWPTips, WPFTips and MorningDew.

Upon completing the wizard, the solution is loaded in Visual Studio 2017. Each view, in addition to the Main and Shell views, is generated along with a corresponding ViewModel. Each of my Web View ViewModels has a constant defined for the initial web page to load into the View.
Change each of these to the desired starting web Url for that View.
I made one additional change to the generated project. In the PopulateNavItems() method of ShellViewModel, I updated the symbols used as icons in the left navigation bar for each page. By default, each was using Symbol.Document. I changed this to make each page's symbol unique and more identifiable.
The items in the Windows.UI.Xaml.Controls.Symbol enum correspond to glyphs from the Segoe MDL2 Assets font. More information is available on Microsoft Docs.

Here is a look at the app running on Windows 10 with the Creators Update. The left navigation hamburger menu has been expanded to reveal the page names, otherwise only the glyph icons appear. The WPFTips page has rendered the current content of www.wpf.tips. The status bar area of each web view page contains basic navigation buttons for back, forward and reload plus a button to open the current page in your default browser. These web views are hosted in an embedded Microsoft Edge browser control. While an app that hosts three blog sites may not be a worthy addition to the Store, it could be made more useful by displaying individual blog posts in a 'reading mode' with sidebars, headers and footers from the sites hidden. This application style might be even more useful hosting pages containing document repositories or other online libraries.

Windows Template Studio v1.1 was just released last month, containing a number of additions, enhancements and fixes. The entire project is open source, with the source available on GitHub. Go check it out today and build something awesome!

Next time, in Tip #2, we will take a closer look at the code generated for my AppTips project and what is going on under the covers to navigate around the app.

del.icio.us Tags: uwp,windows template studio,windows 10,microsoft edge,visual studio
Posted by Alvin Ashcraft at 2:22 PM No comments: