What is the Metro Style UI ?

Metro style apps are full screen apps tailored to your users’ needs, tailored to the device they run on, tailored for touch interaction, and tailored to the Windows user interface. Windows helps you interact with your users, and your users interact with your app.

see the video of Jensen Harris, Director of Program Management, Windows User Experience talks about major charactrisitcs of UI of the Metro style apps. click What makes an app a metro style app (1 hour 33 minute video tells you all.) -http://www.c-sharpcorner.com/Blogs/7148/what-makes-an-app-a-metro-style-app.aspx

Your choice of programming languages 

You can create your app in the languages you’re most comfortable with: JavaScript with HTML5 and CSS3, or C++/C#/VB with XAML.

New deployment method

Your users can safely and simply install your apps. Removal is just as safe and simple, and won’t lead to degradation of system performance over time.1- Metro style app packaging: You package your apps for deployment as Metro style app packages. With Metro style apps, all apps are installed per user; they install, update, and uninstall cleanly; and they don’t change the operating system in an irreversible way.2- Windows Store (not yet released)

Developer tools

With free versions of Microsoft Expression Blend and Microsoft Visual Studio 11 Express for Windows Developer Preview, you get a development environment and templates that help you design, develop, package, debug, and deploy your app.
With Windows 8 you can leverage your existing skills and code assets to create great experiences for your customers.
• Web developers can use their HTML5, CSS3, and JavaScript skills to build native applications for Windows.
• .NET Developers can use XAML, C#, and Visual Basic to build beautiful Metro style apps.

XAML/C# Developers and Metro Style Apps

XAML/C# in Win 8 is the best option for the vast majority of Microsoft developers. The Silverlight/WPF community can bring their skills forward, though they will need to learn new controls and new APIs for working with WinRT as opposed to WPF/SL. General .NET developers who have not yet done anything with XAML will have a somewhat larger learning curve, but XAML itself is a very mature UI platform at this point, so it should be pretty easy for these developers to find the resources they need to quickly get up to speed with this.

Web Developers and Metro Style Apps

Web developers will likely find the HTML5+CSS+JS option attractive. There are also many Microsoft web developers, who build applications today using ASP.NET and C# (or perhaps VB) on the server, but who must also know CSS and JavaScript and HTML for the client work. Many of these developers including ASP.NET developers will likely opt to go the HTML5+CSS+JS route rather than the XAML route.

now we are start with example ,we will learn how to get started with the Project and also we will learn the project structure. Later we will have a small demo to show you how to develop your first “Hello Metro Style Application” using Visual Studio 2011 IDE. Continue to the tutorial to learn more. see video -http://www.youtube.com/watch?feature=player_embedded&v=1CuGUN_rmpE&noredirect=1

Prerequisite and installation

Before starting with the development process, you need to setup your dev environment first. Download and install the Windows 8 Developer Preview with Developer Tools in a virtual environment, if you not yet done that step. A complete installation procedure is already documented in this article: “Step-by-Step Tutorial to Setup Windows8 in VMWare”(http://www.kunal-chowdhury.com/2011/09/step-by-step-tutorial-to-setup-windows8.html).

Download Windows 8 Developer Preview with developer tools English, 64-bit (x64) from: Windows Dev Centre (ISO image, 4.8 GB) . All of the following come on the disk image file (.iso):

64-bit Windows 8 Developer Preview

Windows SDK for Metro style apps

Microsoft Visual Studio 11 Express for Windows 8 Developer Preview

Microsoft Expression Blend 5 Developer Preview

28 Metro style apps including the BUILD Conference app



Usefull links for Metro UI with C#.net

http://msdn.microsoft.com/library/windows/apps/br211386

http://msdn.microsoft.com/en-us/windows/apps

http://www.kunal-chowdhury.com/search/label/VideoTutorial

http://blog.csharplearners.com/tag/metro/