Metro revealed building windows 8 apps with xaml and c# source code


  1. Converting XAML-Based Applications to Windows 8
  2. This article was filed under:
  3. Converting XAML-Based Applications to Windows 8
  4. Microsoft Windows 8, Metro, and WinRT: A New Era for Microsoft Platform Developers

In fact, that total focus on HTML5 is what put the. NET world into a panic several months ago. More about this a bit later. The new version, Visual Studio , has garnered rave reviews from the first set of early adopters. Visual Studio 11 promises to provide an integrated development experience that spans the entire life cycle of software creation, from architecture to code creation, testing, and beyond. As you'd expect, Visual Studio 11 is fully integrated with Visual Studio Team Foundation Server, enabling an entire team to collaborate throughout the development cycle.

Microsoft has come a long way to compete quite nicely in the life cycle tools space. I could talk about new Visual Studio features all day long, and there are plenty of Internet resources available for that, but my favorite feature comes from Microsoft Research MSR. I frequently call MSR the place where great technology dies because often, if they lack a clear revenue model, really cool things get killed by Microsoft business people.

The Code-Clone Analysis tool examines your solution and looks for logic that is duplicated, enabling you to factor this code out into one or more common methods. According to Jason Zander, corporate vice president, Visual Studio, "The tool does this very intelligently; it does not just search for identical blocks of code, rather it searches for semantically similar constructs using heuristics developed by Microsoft Research.

  • Metro Archives - Muhammad Rehan Saeed;
  • Theming Support.
  • Microsoft Windows 8, Metro, and WinRT: A New Era for Developers | IT Pro?
  • download zedge ringtones for iphone.
  • best iphone car mount 2012.
  • windows phone 8 angry birds star wars.
  • .

It is truly amazing. What surprised me the most in the tooling suite is the new version of Expression Blend, version 5.

  • i robot mobile movie free download!
  • ElasticPicker!
  • mts mobile phones rs 599.
  • This article was published in:?

I have grown to love the existing Blend 4. Because of HTML5's dynamic nature, it is pretty much impossible to see how a web page is going to look unless it's running in a browser. Blend 5 has a new interactive design mode that enables you to run your app on the design surface as a live app instead of a static visual layout. This saves a ton of time, precluding you from switching back and forth from a browser to the toolset. Drag-and-drop styling is Blend's bold promise. But experts in Blend can often style an entire application without ever looking at the code.

Converting XAML-Based Applications to Windows 8

In their preview versions, both tools produce the exact same project templates for building Metro applications, and although this might not be obvious, they produce and are compatible with the same solution files and consequently behave well together. You can have the exact same solution open at the same time, and either tool will warn you to reload when a change is made in the other tool. Use Visual Studio to write code; use Blend to style your app. It's awful! I came from a compiled-code background and was formally trained in programming at school.

A markup language? It's bound to collapse under the weight of demand. Little did I know that Cisco Systems would make a bad thing worse by inventing that little router. HTML5 is beautiful because it's terse. It's simple, brief, and readable. It's refactored. They show the exact same, simple "Hello World! That was a long time ago.

Once a standard has been blessed, the W3C turns its focus to implementation. How does a standards body focus on implementation? Well, it works on a battery of tests of compatibility. We are in the phase where the W3C is creating in excess of , tests. So those are the exit criteria for HTML5. When you add the punch of HTML5-CSS3-JavaScript and the tools of Visual Studio 11 and Blend 5, you have a cross-platform, cross-device solution for building and deploying applications that will be hard for the competition to reckon with. Time will tell whether Windows 8 with its Metro application style will be a true leader or just another slowly adopted desktop OS whose associated application development platform has had limited acceptance.

It's still unknown how quickly Windows 8 will be adopted, and it won't even be released for another year or so. So, as awesome as it is to build Metro apps, and as powerful and fun as it is to build HTML5 apps, if customers are slow to adopt Windows 8, we won't get to build these apps. I sure hope we will. Nevertheless, a few things are perfectly clear: NET is not dead. A new version of. NET Framework is coming: NET 4. I expect that businesses with existing investments in. NET applications will continue to invest in.

NET world had written off as dead. Second -- and this is no surprise -- Visual Studio 11 and Expression Blend 5 are true leaders in the tool space and will live up to bold expectations. Third, WinRT is cool and elegantly designed to make the balance of the application developers happy. And finally,.

NET programmers take heed: There is a new sheriff in town, and his name is HTML5. The future is now, and the future is HTML5. NET and Microsoft platforms. He has worked on and with product teams at Microsoft for many years, has co-authored several books, and is a frequent conference speaker. Windows 8 expands. Figure 1: The Metro UI. Figure 2: The Windows 8 platform.

Figure 3: Metro interface with both Metro and Desktop apps. Figure 4a: Figure 4b: Hide comments. More information about text formats.

Text format Comments Plain text. Web page addresses and e-mail addresses turn into links automatically. Accordian The Accordian is a bit like the Expander control, except that you have more than one and can control how may can open at any one time. The Accordian control has been taken from the left overs of the WPF Toolkit Buggy controls which did not make it into the proper. NET framework. It has been fixed and totally restyled to resemble the Expander style.

For those that have used the Flyout control in Windows 8, this is very much the same. Various Input Controls Various input controls have been added or improved. Notable additions include the NumericUpDown controls which allow you to select a number and the ButtonTextBox, which can be used to add a button action to a text box. The HyperlinkButton is just a button with a custom style which underlines the text in the button on mouse over and changes the mouse cursor to a hand.

Several new abilities have been added to the window. This is a special Window which allows you to overlay another window with some content.

Crucially this window is not modal but allows modal style interaction with the underlying window. The MessageDialog comes to the rescue with a Windows 8 style dialogue. You can ask any questions and even customize the allowed response buttons. The NotifyBox is like the Microsoft Outlook style email notifications. A small window fades in on the bottom right and slowly disappears, unless you mouse over it. The loading content control can be used to cover any content with a loading animation and loading message.

You can toggle it on or off using a simple boolean value. You can add any fixed size content to the Paging control and it will separate it into pages which the user can switch between with a nice transition animation. Animating controls has been made simple. The flip control is basically an ItemsControl which only shows the selected item. When the selected item changes, it flips between the items until it gets to the new selected item.

This article was filed under:

There are several custom border controls available, although usage is discouraged because they are not very metro! The code is fully StyleCop compliant. If nothing happens in the next couple of months I will start to consider creating a NuGet package, along with all the niceties that make a developers life a little easier. This is a very young project with currently only one developer but I do intend to keep it working. Your mileage with this SDK may vary but any contributions or bug fixes are welcome. This is the third post in the series.

This SDK takes its own view of what Metro ought to look like. It makes much more use of the accent colour in its controls which have a bold and striking look to them. Where colour is used, it is used in abundance, on the otherwise plain white canvas. Once again, this SDK supports themes out of the box. It gives you the option of a dark or light background, an accent colour and contrast colour.

The SDK also provides a Windows 8 style application bar which pops up from the bottom of the screen on right click. Buttons placed in the application but have separate styles and look pretty pleasing. The developer has done a pretty good job of recreating the Windows 8 application bar experience. The code is available on CodePlex and you could download the latest change set but it seems to be broken at the time of writing because the developer is doing some pretty major re-factoring Use Team Foundation Server shelve-sets to avoid checking in broken code.

The developer is back and says he is continuing development after a brief pause. This is the second post in the series, I take a look at MahApps Metro. It provides fairly large controls For desktop applications, Windows 8 seems to have larger buttons to be touch friendly with fairly thick borders, which gives each control a more imposing look. There are lots of brushes used by this SDK and the developer has provided a nice colour swatch. The Window itself positively glows as the developer has spent a lot of time customizing the window drop shadow.

The title bar of the window also stands out as it is highlighted in the applications accent colour. Theme support is built in, with light or dark combined with an accent colour as shown below. Every metro SDK seems to include this control. See Above Again this control borrows from the Windows 8 application bar buttons.

This is a great control that is sorely needed in most WPF applications. Internally it handles numbers of type Double but I suppose you could use a converter to work with Integer and other numeric types. There is a great selection of text box controls.

Converting XAML-Based Applications to Windows 8

They all seem to have the watermark capability Again, a simple addition sorely missed in WPF. There is also the option of text boxes with buttons. A simple circular progress indicator control. I can stare at these things for hours. Very mesmerizing. The range slider is another great addition.

It looks very much like the Slider control with an additional thumb button. This is a truly great message box. Instead of copying and restyling the standard Windows MessageBox, it has been totaly reshaped and re-imagined ala Windows 8 to cover the entire parent Window. Not only that but you can place your own custom content in there. There are a few different options to choose from, the version below shows a text box.

This Windows 8 style flyout control does what it says on the tin, it flies in and out of the side of the Window. A nice feature is that it covers the title bar of the window but the caption buttons are still overlayed above the flyout control. This control also exists in Windows 8, although it works slightly differently.

Microsoft Windows 8, Metro, and WinRT: A New Era for Microsoft Platform Developers

It allows you to view several items one at a time and provides next and previous buttons to cycle between them. I downloaded the source code hosted on GitHub and took it for a whirl. There is only a single dependency on System. Looking at the discussion boards, there seems to be a fair amount of activity with the developers answering questions and even responding to feedback which is great to see.

The last check-in was just four days ago at the time of writing so this project is still very much active. I can see this project getting better and better in the future. It does all this while looking and feeling great. They even provide a NuGet package which is great. This is a very lightweight framework which has a complete set of styles for the built in WPF controls. Zune was used by Microsoft as an early test bed for their Metro style. Microsoft then went on from there to build Windows 8. This is Zune below:. The Window style is quite stunning, mostly achieved by providing some very nice soft backgrounds to go with the option of white or black themes.

One cool feature I discovered is that changing the them does not simple change the colours but the Developer has used a colour animation to transition from one colour to another. The controls themselves are more toned down. Employing simple grey lines and a very minimalist design. Most of the controls are slightly on the small side compared to Windows 8 but having played with Zune I can tell you that the developer has recreated everything pretty accurately.

All the built in WPF controls seem to have been styled and a type ramp is even included, giving a simple way to show text in different guises. Validation of input is supported via the TextBox control. It would have been nice for other controls to have been supported too but it is very nicely done. The main control of interest is the tab control called ModernMenu, this provides a very interesting multi-level tabbed experience. Navigation is always a problem that needs to be solved in a WPF application and this is one very clean method of doing it.

The developer has inherited from the Window class to create three very useful window types. This is very easily the best progress indicator I have seen. It has several modes, allowing you to select the method of showing progress. Simply mesmerizing. This is a nice little control allowing you to use BB code to write some text.