HTML  /  News  /  Technical  /  Version: RC  /  XAML

Designing Metro style Apps in Blend and VS: What’s New in the RC?

It’s been a busy spring. After a lot of “yard work”, we are shipping an updated version of all the visual authoring tools for Metro-style apps: Expression Blend with support for both HTML and XAML authoring, and the visual designer in Visual Studio 2012, based on Blend.

As in previous releases, there is no more need to download Blend separately – it is now part of every VS download that targets any of the supported platforms, including Express for Windows 8, which is free, as well as Professional, and Ultimate.

Or in other words, if you have Visual Studio 2012, you have Blend.

You can download Visual Studio 2012 and Blend RC and Windows 8 Release Preview  now.

In this post, I’ll give you a quick summary of what we have done since the Consumer Preview release. For a complete list, see the description of all changes in our post The Nitty Gritty:  Detailed List of what’s new in Blend for VS 2012 RC.

Performance and Stability

As we are nearing release, we have put strong focus on stability and performance.

In the Consumer Preview, the XAML designers in Blend and VS had some specific stability issues. We have made a lot of progress with these, and we hope you will find this release very significantly more robust.

We also have improved performance: loading documents, art board manipulation, styling and template editing should all show big gains. XAML compile is now twice as fast when building incrementally, and significantly faster even for a full build.

On the HTML side, we have done a lot of work on the performance of the CSS property inspector and associated element selection, resulting in smoother workflow.

Beyond performance and stability, a few late-coming additions have made their way into Blend and VS.

New in XAML

There are several additions and simplifications to the project templates. These are used in both VS and Blend when you create new projects or new project items.

The new templates help you build apps that don’t have amnesia. Pages now can save and load session state when the app is suspended or resumed.

There is also support for virtualization, improved navigation with keyboard and mouse, as well as entrance animations for pages except for the blank template.

In both VS and Blend you can now use the Device panel (which was called the Platform panel in the last preview) to select and edit the view states for the different Windows application view states (such as FullScreenLandscape, FullScreenPortrait, Filled, Snapped, and so on).

Device panel in Blend for Visual Studio 2012 RC

In addition, Blend’s Visual State editor now lets you use and preview theme animations as part of your visual states. Theme animations are animation presets that are used throughout the Metro UI, and you can use them within your applications for a consistent look.

Visual State editor for Win 8 Metro style animations in Blend for Visual Studio 2012 RC

New in HTML

If you are working on Metro-style apps in HTML, the RC brings a number of really useful improvements.

Let’s talk about the styling workflow first. The most important addition is in the CSS property inspector.

After watching users work with the Winning Rule mode of the property inspector (which shows, as the name suggests, all properties that win throughout the cascade for the selected element, regardless which rule they are defined in), we realized we needed to make it easier to identify the rule a given winning property is defined in. The CSS property inspector can now display the properties in Winning Rule mode categorized by source rule, which makes it obvious at one glance where a value is defined.

Arrange by Source option in Winning Rules in Blend for Visual Studio 2012 RC

We also added the ability to edit CSS3 gradients with a rich visual gradient editor, and Blend now has a visual editor for CSS 2D transforms.

Visual editor for editing CSS3 gradients and 2D transforms in Blend for Visual Studio 2012 RC.

When you enter CSS selectors in the Styles panel, you now get IntelliSense. This makes it easier to enter complex selectors.

IntelliSense for Selectors in the Styles panel in Blend for Visual Studio 2012 RC.

To round out styling, we added a host of productivity commands. You can now add and remove classes right from a selected element’s context menu (and automatically create a rule in the process). In the same way, you can create style rules from class or ID. Most importantly, you can now cut, copy, and paste CSS properties and rules from the CSS property inspector and the Styles panel.

Right clicking on the list of applied styles lets you cut or copy the properties of entire rules right from the applied styles list, which is a very quick way to refactor properties from inline to other rules.

Refactoring style rules with Blend for Visual Studio 2012 RC.

Last but not least, we greatly improved workflow with data binding: Blend will require a reload of the design surface in many fewer cases, which makes data template editing a lot more fun.

Summary

The RC release of the visual authoring tools for Metro style apps includes many performance and stability improvements. But beyond that, you will find a lot of exciting new productivity features that will make your work more efficient and more fun. This document contains a summary of the most important changes. We also have a full list of changes and additions that you can find in our Nitty Gritty: Details post.

As always, we are looking forward to hearing from you. Please let us know what you think of the RC!

Christian Schormann, Director, PM for Blend

  • Zoltan Arvai

    Thats cool but where is standard blend functionality that is must have… like sample data support, or triggers and behaviors? (aka system.windows.interactivity)

    • http://twitter.com/mdtauk martin anderson

      The ability to generate Windows 8 compatible Sample Data is an essential function for designers who have to work independently from the developers.  Especially in the concept and UI construction stages, before the programmers do the plumbing work!

      • Anonymous

        We’re working on a blog post about how to work with sample data in the RC.  Keep your eyes out for it — it’s coming soon.

        • XAML Designer

          Excellent, looking forward to!

          But what about the most crucial thing for us, XAML designers — Interaction Triggers?
          Is there any substitute in the roadmap of Expression Blend for Windows 8? Or community is supposed to write this functionality on it’s own? Or how to implement interactive prototypes without help of developers then?

          Thanks!

  • Pingback: Designing Metro Style Apps in Blend and VS: What'sS New in the RC?

  • Pingback: And speaking of new platforms » Petezah

  • Pingback: Dew Drop – June 1, 2012 (#1,339) | Alvin Ashcraft's Morning Dew

  • Pingback: progg.ru

  • Morten Nielsen

    You forgot to add support for Silverlight 5…

  • DRG

    Seriously? No Silverlight 5? For the love of God some of us need to work on applications that are actually consumable by our clients. The second class nature of Silverlight is really starting to irritate me. I guess I am supposed to spend the next 5 years learning Metro as it matures so that it can be ignored too. geesh. I spent hours starting from scratch because I assumed it was not working for some installation reason…

  • Fraggy

    It seems WPF isn’t supported too…

  • Pingback: June 4th What’s Happening Around Visual Studio | MSDN Blogs

  • StupidWINDEV

    really pitiful,shamful
    more a lot of “grave yard work”,
    change the name to blent

  • Vincent Bouzon

    And Silverlight ? …

  • Pingback: Links for the Weekend – 13 Must-Have Windows 8 Release Preview Articles | w00t blog

  • Peterwu

    I like the tile interface.
    Windows 8 look is very bold beautiful and fluid.
    is a newcomer, young and attractive
    it’s perfectly suited for tablets thanks to the low power drain and low heat generated by systems running on ARM processor !!;)
    im so happy for codename:Windows 8 and i think Windows 95 was a big deal for users and developers alike.
    Overall, this release feels smoother, faster, snappier, and more stable.
    Metro does rock on desktop and laptop!
    with this your luck can be perfect.
    now with touch you can have all your requirements plus even more.
    My prediction is clear and I know that there will be a much perfect luck for the whole W(P)8(RT) universe than Microsoft can imagine.I respect Microsoft for doing that. My opinion on these metro hating freaks is that they are all people who don’t like to change
    and dont forget Thank for feedback mark as answer and log uri

  • http://www.facebook.com/SoulFireMage Richard Griffiths

    Why is Blend unable to create ANY new projects whatsoever?

    I’m on Windows 7, have no intention of using Metro and want to work with the very nice WPF framework on the desktop. Is this just sidelined now?

    Blend in 2012 absolutly does not create any new projects, which is quite the windup. Help?

    • http://blendinsider.com/ Lori Dirks

      Hi Richard,

      This version of Blend targets the Windows 8 platform with support for XAML and HTML authoring of Metro style Windows 8 apps.  It must be installed on Windows 8 Release Preview.

      Thanks,
      Lori

    • Dave

       new projects not needed. resistance is futile.

  • http://twitter.com/Blau34 Jens

    Please don´t call it Blend when you cut importend features like silverlight support