Silverlight Magnifier Control
This free Magnifier control gives the user the ability to zoom into a section of some content with a graphical effect like that of a magnifying glass.
This Silverlight only Magnifier 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 Magnifier control you will need to add a reference to Liquid.dll in your project.
You need to login to Download the Color Selector example, If you do not have a login you can register for free!
How to Use the Magnifier Control
To use the Magnifier on your Silverlight page:
<UserControl x:Class="Magnifier.Page"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:liquid="clr-namespace:Liquid;assembly=Liquid"
Width="400" Height="300">
<Grid x:Name="LayoutRoot" Background="White">
<liquid:Magnifier x:Name="magnifier" Grid.Row="1" Margin="0 2 0 0">
<liquid:Magnifier.Content>
<Image Source="assets/sign.jpg" Width="394" Height="295" Stretch="Fill" />
</liquid:Magnifier.Content>
<liquid:Magnifier.MagnifierContent>
<Image Source="assets/sign.jpg" Width="394" Height="295" Stretch="Fill" />
</liquid:Magnifier.MagnifierContent>
<liquid:Magnifier.CoverContent>
<Rectangle x:Name="magnifierCover" Stroke="#222222" StrokeThickness="1" RadiusX="100" RadiusY="100" />
</liquid:Magnifier.CoverContent>
</liquid:Magnifier>
</Grid>
</UserControl>
In this example we have an example image that is specified twice, once in the Content property and also in the MagnifierContent. The CoverContent allows us to overlay some content ontop of the magnified area, for instance you may want to add a border and make the magnified content lighter by using a low opacity value.
There is no C# for this tutorial, everthing is accomplished in the XAML.
Example Silverlight Magnifier Control:

Latest Forum Posts
Here are latest posts from around the forums, if you have a question about any of the Liquid controls you can get your answers in the Forum.
Rate this page:
1 Star
2 Star
3 Star
4 Star
5 Star
11 Ratings / 2.8 Average