Expression Blend 3: Out-of-Browser Applications & Application Library Caching

Expression Blend 3 supports out-of-browser applications and application library caching. In July I wrote about these Silverlight 3 features here and here. In this post I’ll show how easy is to use them in new Blend.

Out-of-Browser Applications

You can configure a Silverlight application to run outside the browser, by using the Silverlight Project Options –> Enable Application Outside Browser on the Project menu.

Below you see the dialog box that appears when you try to run project first time.

Application Library Caching

You can configure a Silverlight application to cache library extensions by using the Silverlight Project Options –> Use Application Library Caching on the Project menu.

Application Outside of Browser and Application Library Caching are cool but they can't be used at the same time because application library caching uses the Internet cache of the browser.

Expression Blend 3: Effects, Projections 3D & some improvements

New Blend supports new Silverlight 3 features such as effects and projections. Today I’ll show it and I’ll describe some Blend improvements in animation and template support I haven’t described yet.

Effects

I have written post about effects. Below I show how to use them in Blend.

Projections 3D

I have written post about projections. Below I show how to define them in Blend.

Animation: Record Current Value

In a Silverlight project, you can record keyframes for many more properties than before. There is a new menu command, Record Current Value, on the Advanced property options menu.

Animation: Resource values

With new Blend you can animate to and from some resources, too.

Animation: Timeline improvements

Timeline improvements has been described by Expression Team. With new Blend you can draw a marquee around keyframes to select all the keyframes that fall within it.

You can use the new blue drag-handles on the animation bars to move the start and end times of the animation, and the times of the keyframes within it will be scaled up or down accordingly. You can also click and drag on the gray background of the animation bar to shift the whole animation in time.

Easier Access to Template Internals

If a control includes templates that are applied in specific scenarios, such as when a control has to display a collection of data, those templates now appear in the Edit Other Templates menu.

Expression Blend 3: Support for the Silverlight Visual State Manager

In Expression Blend 3, support for the Silverlight Visual State Manager (VSM)  has been improved. In this post I’ll show five new features.

Drawing into state

When you select a state and draw a new element, the new element will be visible only in the selected state at runtime.

State pinning

You can pin a preview of one state in a state group while modifying another state in a different state group.

Editing transitions

You can select the storyboard for a state transition and modify it in the Objects and Timeline panel.

Previewing transitions

You can preview transitions by clicking Turn on transition preview in the States panel. When transition preview is on, each time you change your selection from one state to another, the currently-defined transition between those two states plays out on the artboard just as it will at run time.

FluidLayout

In previous versions of Expression Blend, if you changed such properties as the Row, Column, ColumnSpan, or RowSpan of an object in different states, the change would be instantaneous, even if a transition duration was specified. By selecting Turn on FluidLayout, you can make an object move smoothly from one cell in a Grid layout panel to another.

There are also other improvements. You can see states for controls, regardless of whether those states were defined in your XAML file originally. The States panel displays a warning when a property has been changed in more than one state group.

Expression Blend 3: Creating templates from artwork

With Expression Blend 3, you can use the modified Make Into Control command to select artwork on the artboard and to convert it into a control template for a control. Read this post.

Expression team has written excellent post about this feature of  new Blend.  You can also read about it in Blend User Guide.

Smart Make Into ContentControl (f.e Button)

When you use Make Into Control to turn artwork containing a TextBlock object into a template for a ContentControl (buttons and so on), Blend does the following for you:

• Put a ContentPresenter into the template in place of the TextBlock.
• Copy layout properties from the TextBlock to the ContentPresenter.
• Copy Typography properties from the TextBlock (f.e Foreground) to the control Style.
• Copy the Text property from the TextBlock to the control instance’s Content property.

Smart Make Into TextBox

When you use Make Into Control to turn artwork containing a TextBlock object into a template for a TextBox, Blend does the following for you:

• Put a ScrollViewer representing the ContentElement part into the template in place of the TextBlock.
• Copy layout properties from the TextBlock to the ContentElement part.
• Copy Typography properties from the TextBlock (f.e Foreground) to the TextBox Style.
• Copy the Text property from the TextBlock to the TextBox instance.

Controls with template parts (f.e Slider)

In a Silverlight project, Make Into Part command and Parts panel are very useful for creating templates for controls with template parts.

You can right-click objects in your template and click Make Into Part to assign objects in your control to specific roles.

The Parts panel makes it easy to manage and create the parts (double-click) required by a control template.

    

Expression Blend 3: Gradient Tool, Tile Brush & Easing Functions

Blend 3 has new gradient tool with many improvements. Using Tile Brush in Silverlight 3 we can use images as background in a very easy way. Easing functions are very easy, too. In this post I’ll show these features of new Blend.

Gradient Tool

Tile Brush

Easing Functions

Some useful links

• Creating and Editing Gradients in Expression Blend 3 Preview
• Tile Brush in Silverlight 3 Application in Blend 3
• Easing Functions in Blend - Page 1
• Easing Functions in Blend - Page 2

Expression Blend 3: Merged Resource Dictionaries & Element Binding

I wrote some information about merged resource dictionaries and element binding in Silverlight 3 about two months ago. Today I’ll show how Blend 3 supports these features.

Merged Resource Dictionary

 Element Binding