Silverlight, WPF, Fireworks, Flash, XAML, .NET, User Experience, Graphic Design, Web Programming and more!
The wait is officially over! NetAdvantage for WPF 2007.1 is available today and is packed with all kinds of goodness. The suite ships with the xamDataGrid, xamDataPresenter, xamCarouselPanel, xamCarouselListbox, xamDataCarousel and a collection of xamEditors. It’s xamTastic… xamAmazing… xamCreateYourOwnXamAdjective!
These controls (in their various stages) have been featured in Microsoft Keynotes the past three years and were featured in Vista launch events around the country/globe. The xamCarouselPanel-based controls are truly amazing — they allow you to present data along any arbitrary path you can create and provide automatic transition animations. You can define Opacity, Scaling, Skewing and ZOrder effect stops to get an infinite range of visual results.
Download the trial and check out the xamShowcase to get an idea of what can be achieved.
I’ve released an updated version of the Fireworks to XAML panel along with a new article at the Fireworks Developer Center at adobe.com. The article provides a nice overview of the panel, the features it offers, and how you can tailor the settings to meet your specific needs. The latest version includes a number of bug fixes, support for textures and patterns (ahh yeah!) and replaces the current masking implementation with clipping paths. You can download the latest version from the article posting.
The article is featured in the all new Fireworks Developer Center, updated along with the new CS3 launch. Fireworks CS3 has a ton of great new features that you definitely need to check out. There are lots of great new articles and walkthroughs in both the Developer Center and the Design Center.
Are you using the Reflection control in any of your projects? If so, send me a link or a screenshot and I’ll post it here.
private void Button_Click(object sender, System.Windows.RoutedEventArgs e)
{
// Create new Reflector object
Reflector ref1 = new Reflector();
// Set ReflectionTarget (the element to reflect)
ref1.ReflectionTarget = rectangleToReflect;
// Set a few layout properties
ref1.Margin = new Thickness(50, 50, 0, 0);
ref1.HorizontalAlignment = HorizontalAlignment.Left;
ref1.VerticalAlignment = VerticalAlignment.Top;
// Add reflection to LayoutRoot grid
LayoutRoot.Children.Add(ref1);
}
I was considering some of the common things that people want to do when they first start working with WPF. Creating reflections is one of those things, and while it’s not terribly difficult to do, it does become a monotonous task. And what do you do when you find yourself doing the exact same thing over and over? You create a custom control of course!
The Reflector control exists to perform one task: simulate a reflection of an object. You just bind the ReflectionTarget property (found in the Appearances category in Blend) to another control and it does all the work for you. If you want to tweak the reflection, you can always edit the ControlTemplate in Blend, but the default settings should cover most cases. I’m also looking at the height and width of the target control, so if you set the height and width of the Reflector control to Auto, it will size itself automatically (in most cases).
Lee Brimelow just posted a tutorial called Reflections in Visual Studio and Blend
at ContentPresenter.com that shows how to manually create reflections. After watching that tutorial you’ll see what I’m taking care of automatically.
download WPF Reflection Control
(Note: Add a reference to this assembly in Blend by selecting the Project tab, right-clicking the References folder and selecting Add Reference. Browse to the assembly included in the zip file. Once you’ve added the reference, click the More Controls link on the tool menu (last item — double down arrows), and select the User Controls tab. You’ll see the Reflector control listed there.)
Lee either gets no sleep, or has a lot more time for experimenting than I do. Check out this example where Flash and WPF/E live side by side and behave as one.