Search

This tutorial of Kunal Chowdhury is on modifying the ListBox and ScrollViewer templates in Expression Blend to get a horizontal scrolling list.

Source: Kunal's Blog

In some case, we need to customize the Scrolling functionality in Silverlight depending upon the requirement. The default look of ScrollViewer doesn’t give proper UI effect. In such case, you need to create the whole scroll behavior by modifying XAML and writing a bunch of C# code.

We tweet all news and content updates - follow us on Twitter! 

Source: Electric Beach

You create the scroll viewer on a screen. Next, you create a user control for the content and size it to the desired content size. You can now edit this user control using all the visual tools in Blend. Next, just drop the user control into the scroll viewer. Whenever you want to edit the content, edit the user control and your scroll viewer will update automatically.

The Silverlight ScrollViewer is a very useful control, if you have some content that is larger than the space available in your application, just sit it inside a ScrollViewer and it will automatically add vertical or horizontal scrollbars as required. Simple.

The ScrollViewer exposes readonly properties which indicate the current vertical and horizontal scroll offset. I have been used a ScrollViewer on many occasions without finding this to be an issue, however, recently I was creating an MVVM application which contained a list of items within a ScrollViewer.

Recently I came across the requirement to react to the fact that a user had scrolled a view to the bottom. It sounded easy at first because I imagined hooking into a scroll viewer changed event, listening to the event args, and then reacting when it was done. The only problem was that I couldn't find the appropriate event to bind to!

In this blog post David Anson explains how to animate the Horizontal/VerticalOffset properties of a Silverlight/WPF ScrollViewer control.

Just in case you've never tried this yourself, I'll tell you that it's not quite as easy as you'd think; those two properties are both read-only and therefore can't be animated by a DoubleAnimation. The official way to accomplish this task is to call the ScrollToHorizontalOffset or ScrollToVerticalOffset method - but of course that can't be done by a DoubleAnimation either.

Andrea Boschin has posted an article in which he wants to illustrate how to apply some simple physics formula to create a reusable InertialScrollViewer.

Silverlight 2.0 and 3.0 come with an useful control called ScrollViewer, that helps when long list of elements needs to be scrolled with a traditional scrollbar. New mobile devices like the iPhone introduced a new kind of ScrollViewer where the user only needs to use his thumb to move the lists of elements on the screen. This beautiful kind of ScrollViewer often give an impressive feedback with a fluid scrolling that ends in a real soft deceleration giving the impression that the bend of elements is subject to the physics rules. This is not only scenic, but give the user a natural feedback that take usability to the maximum levels.

AutoScroller is a C# class for Silverlight 2. It adds automatic scrolling to a ScrollViewer. This is useful, for example, in a drag-and-drop interface inside a ScrollViewer: If an object is dragged to the edge, automatic scrolling can be triggered.

Alex Knight has written a very useful tutorial on how to manipulate a ScrollViewer control to create a nice easy picture viewer.

 This tutorial will require Expression Blend with Silverlight 2 updates, it also includes some pretty advanced template editing so a basic knowledge on skinning will help greatly.

To add scrollbars to ItemsControl you have to modify the control template and to add ScrollViewer for the ItemsPresenter.

Xaml

<ItemsControl >
<ItemsControl.Template>
<ControlTemplate>
<ScrollViewer x:Name="ScrollViewer" Padding="{TemplateBinding Padding}">
<ItemsPresenter />
</ScrollViewer>
</ControlTemplate>
</ItemsControl.Template>
</ItemsControl>