zoom in zoom out

10-22-2007 8:26 AM |

can some body help me with the source code to have functionality of zoom in and zoom out for a page turn application using silverlight1.0. Thank you very much

Re: zoom in zoom out

10-23-2007 2:35 AM |

I don't have specific code, but generally you just want to use a ScaleTransform (in the RenderTransform) and tie that to whatever control mechiism you're using.

Re: Re: zoom in zoom out

10-23-2007 4:05 AM |

Thanks for your kind reply. 

I am new to silverlight technology. If possible can you please help me with the source code to scale transform. Thank you very much.

Re: Re: zoom in zoom out

10-23-2007 2:08 PM |

Perhaps you should start at the MSDN Libary and by downloading Microsoft Blend to begin your Silverlight development. Instead of posting and asking someone to create a project for you. Here is a link for MSDN Libary for Silverlight 1.0: http://msdn2.microsoft.com/en-us/library/bb404710.aspx

Re: zoom in zoom out

11-28-2007 5:28 AM |

I've already done to apply the zooming feature for Page turn application.

Here is my article.

http://blogs.msdn.com/aonishi/archive/2007/11/28/how-to-add-the-zooming-feature-for-your-silverlight-page-turn-application-with-silverlight-1-0.aspx

Hope this help.

-Akira

Re: zoom in zoom out

11-28-2007 11:53 AM |

This is very cool, Akira... thanks for sharing!

-Dave

Re: zoom in zoom out

11-30-2007 5:21 AM |

I've put the zip file for sharing enhanced sample as attachment at http://blogs.msdn.com/aonishi/archive/2007/11/28/how-to-add-the-zooming-feature-for-your-silverlight-page-turn-application-with-silverlight-1-0.aspx .

Hope this help.

Re: Re: zoom in zoom out

02-10-2009 7:24 AM |

Here's an even simpler version, it simply scales a Canvas using a slider control.
You need two Canvas controls, one for the outer Canvas, to keep the controls all in the right size, then an inner Canvas, which you can add all your scalable content to...

The XAML

<UserControl x:Class="SilverlightZoom.Page"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="400" Height="300">

<Grid x:Name="LayoutRoot" Background="White">

<StackPanel>

<Slider x:Name="Slider1" ValueChanged="Slider1_ValueChanged" Maximum="10" Width="100"></Slider>

<Canvas Background="Blue" x:Name="Canvas1" Width="500" Height="500">

<Canvas Background="Blue" x:Name="Canvas2" Width="500" Height="500">

<TextBlock x:Name="TextBlock1" Foreground="White" Text="Canvas Text"></TextBlock>

<Canvas.RenderTransform>

<ScaleTransform x:Name="CanvasScaleTransform" ScaleX="2" ScaleY="2"></ScaleTransform>

</Canvas.RenderTransform>

</Canvas>

</Canvas>

</StackPanel>

Re: Re: Re: zoom in zoom out

10-02-2009 9:48 PM |

This works for me ..........one more thing incase if slider is in childwindow and MainPage is made of mutiple usercontrols/ bands. Then i want to have the same functionality using event/delegate concept so that any control in mainpage can move according to slilder movement. Please guide me through if you have any idea.

Re: Re: Re: zoom in zoom out

10-03-2009 3:13 AM |

Just the idea -- You can implement your idea by putting the ScaleTransform object with specific name into your expected object/control.  With the name, you can use FrameworkElement.FindName method to get the ScaleTransform object, and then you change the properties in runtime.