Posts

Showing posts from April, 2009

3D Flipper Control – Using Silverlight 3.0 Plane Projection

Image
Silverlight 3.0 has a coolest feature called PlaneProjection -a perspective transform which projects any UIElement on to a 3D plane. To create a plane projection you just need to set an attached property called ‘Projection’ on the UI Element. You can see relevant set of properties to rotate, center or offset. If you are using Expression blend 3 Beta , you can set these properties using the new Projection editor under Transform category of the property editor. I am going to create a 3D flipper control using this plane projection feature. I guess 3D flipping is the most popular and simplest 3D UX pattern out there. In a nut shell what we need is a custom Silverlight control which is able to take a ‘Front’ and ‘Back’ content elements. And the control should have the ability to flip both the contents in a 3D plane. For example if I have two images to flip, then my XAML should be as follows. So I need to define two dependency properties of type UIElement called FrontContent a