Objective

In this article, I am going to give a basic introduction of Mouse wheel event in Silver Light 4.0.

Introduction

Silver Light 4.0 has been introduced Mouse wheel event. Now on mouse wheel event can be captured. And the event can be raised for any silver light control.

 

In below image you can see, MouseWheel event has been included.

 

 

If you see the description above it is saying

“This event occurs, when user rotates the mouse wheel while pointer is over a UI Elements ”

Sample

I have an image on my silver light page.

<UserControl x:Class=”MouseWheelevent.MainPage”


xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation&#8221;


xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml&#8221;


xmlns:d=”http://schemas.microsoft.com/expression/blend/2008&#8243;


xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006&#8243;


mc:Ignorable=”d”


d:DesignHeight=”300″ d:DesignWidth=”400″>


<Grid x:Name=”LayoutRoot” Background=”Azure” Height=”auto” Width=”auto”>


<Image x:Name=”MyImage” Width=”300″ Height=”400″ Source=”a.jpg” />


</Grid>

</UserControl>

Output of above

Now we are going to resize the image on mouse wheel event.

 Adding Mouse Wheel event with image

 

MyImage.MouseWheel += newMouseWheelEventHandler(mymousewheelevent);
 

Handling the event

void mymousewheelevent(object sender, MouseWheelEventArgs e)
{
double height = MyImage.Height;double width = MyImage.Width;
int delta = e.Delta;
height += delta;
width += delta / 2;
MyImage.Height = height > 650 ? 400 : height;
MyImage.Width = width > 600 ? 300 : width;
}

 

Explanation

  1. Just saving current height and width in variables.
  2. Using Delta method on event args , change could be captured.
  3. Then just setting the dimension of image with some logic.

Output

Click on image and scroll the mouse ball. Image size will be change.


 So, we can attach the Mouse wheel event with any control.

Conclusion

In this article, I gave basic introduction of MouseWheel event in Silver Light 4.0. Thanks for reading.

 

 

Advertisements

One thought on “Silver Light 4.0 feature # Mouse wheel event

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s