Creating a carousel with the PathListBox

While the PathListBox control provides an easy way to lay out items along a path, creating a carousel-like effect that appears 3 dimensional and has smooth scrolling requires a fair amount of custom code. Thankfully the Expression team has written this custom code and recently made it available on Codeplex.

Enter PathListBoxUtils - this collection of behaviors, controls and extensions makes creating a carousel very easy.

Install the PathListBoxUtils

The first step is to install the code samples.

1. Go to the Expression Blend Codeplex site.
2. Locate the PathBoxUtils section and download and install the latest release.
3. Browse around the site and find other cool samples for later.

Create the PathListBox

Now we need the PathListBox in place. This should be a familiar process by now, if you’ve been working through the whole series.

1. Create a new “Silverlight Application + Website” project and name it “PLBCarousel”.
2. Draw a Path with the Pen tool (P).
3. Set the Fill to “No Brush”
4. Right-click the Path and select the Path > Make Layout Path option.

Read more: .toolbox

Posted via email from .NET Info