DotNetSpeaks - Part 93 - Windows Phone - Horizontal ScrollViewer

Part 93 - Windows Phone - Horizontal ScrollViewer

Published:

May 19, 2012 By Sumit Dutta

Visited: 8022

In this articel I will talk about horizontal scroll menu in Windows Phone. This is simple but tricky and very usefule.

Let's write code.

Step 1: Create a Silverlight for Windows Phone project.

Step 2: Create a folder Images and add images in the folder as shown below. Change the Build Action type to Content of each folder.

Windows Phone - Horizontal Scroll Menu

Step 3: Add below code inside ContentPanel of MainPage.Xaml. VerticalScrollBarVisibility should be Disabled and HorizontalScrollBarVisibility should be Hidden.

Add MouseEnter event to image to take respective action on click of image.

Step 4: Add event handler of images in codebehind of MainPage.xaml.cs

private void image1_MouseEnter(object sender, MouseEventArgs e)
{
testGesture.Text = "Image 1";
}

private void image2_MouseEnter(object sender, MouseEventArgs e)
{
testGesture.Text = "Image 2";
}

private void image3_MouseEnter(object sender, MouseEventArgs e)
{
testGesture.Text = "Image 3";
}

private void image4_MouseEnter(object sender, MouseEventArgs e)
{
testGesture.Text = "Image 4";
}

private void image5_MouseEnter(object sender, MouseEventArgs e)
{
testGesture.Text = "Image 5";
}

private void image6_MouseEnter(object sender, MouseEventArgs e)
{
testGesture.Text = "Image 6";
}

private void image7_MouseEnter(object sender, MouseEventArgs e)
{
testGesture.Text = "Image 7";
}

private void image8_MouseEnter(object sender, MouseEventArgs e)
{
testGesture.Text = "Image 8";
}

Step 5: Now run the application to see the horizontal scroll viewer in action.

Windows Phone - Horizontal ScrollViewer

This ends the article of horizontal scroll viewer in Windows Phone.

Like us if you find this post useful. Thanks!

Part 44 - Windows Phone 7 - ShareStatusTask and ShareLinkTask