Silverlight Viewer
The Viewer control provides a method for the user to not only scroll some piece of content using a pair scroll bars but also drag the content around with the mouse and also to zoom in and out of the content.
This Silverlight only Viewer Control is easy to implement on your Silverlight driven website and is also customizable to provide a visual feel suitable for any site design.
To use the Viewer control you will need to add a reference to Liquid.dll in your project.
You need to login to Download the Viewer example, If you do not have a login you can register for free!
How to Use the Viewer Control
To use the Viewer on your Silverlight page:
<UserControl x:Class="Viewer.Page"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:extended="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"
xmlns:liquid="clr-namespace:Liquid;assembly=Liquid"
xmlns:liquidRichText="clr-namespace:Liquid;assembly=Liquid.RichText"
Width="800" Height="600">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition Width="4" />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<liquid:Viewer Grid.Column="0" Minimum="0.4" Maximum="5">
<liquidRichText:RichTextBlock Width="600" RichTextURL="assets/RichText.xml" />
</liquid:Viewer>
<extended:GridSplitter x:Name="grsplSplitter" Grid.Column="1" VerticalAlignment="Stretch" HorizontalAlignment="Center" Width="4" Margin="0 2 0 2" Background="#00ffffff" />
<liquid:Viewer Grid.Column="2">
<Image Source="assets/reef.jpg" />
</liquid:Viewer>
</Grid>
</UserControl>
In this example we have two Viewer controls, the left control contains a Rich TextBlock and the right an image. The Viewer control has the ability to zoom in and out of the content, this is achieved using the Slider control which appears at the bottom of the Viewer.
The level of zooming can be controlled by setting the Minimum and Maximum properties. You can also control the current zoom level programatically by setting the Zoom property.
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
namespace Viewer
{
public partial class Page : UserControl
{
public Page()
{
InitializeComponent();
}
}
}
To pan around the content the mouse is clicked and dragged around, the speed of this can be changed using the DragSpeed property.
Example Silverlight Viewer Control:
Further Information
