Увеличение изображения при наведении курсора

9.9K

17 февраля 2011 года

35 / / 20.06.2007

Здравствуйте!
Начинаю изучать WPF и возникла следующая проблемы.

При наведении курсора на картинку, она должна будет увеличится.
Картинка увеличивается, но она получается "обрезанной", то есть видно не все изображение, а кусок.
Подскажите, пожайлуста, что я делаю не так?

Свернуть исходник

Код:

<StackPanel DataContext="{Binding Path=SelectedItem, ElementName=menuItem}" Grid.Column="1" Margin="-4,8,0,212.04" Cursor="Hand" HorizontalAlignment="Left" Grid.ColumnSpan="2" Grid.Row="1" Width="581.056">

<!--различные элементы, которые тоже лежат на StackPanel....... -->

<Image Height="135" Source="{Binding XPath=Image}" Margin="94,20,166,0" VerticalAlignment="Top"  x:Name="Image"  Grid.Column="2" Width="314" Cursor="Hand" ScrollViewer.IsDeferredScrollingEnabled="True" RenderTransformOrigin="0.5,0" AllowDrop="True" ImageFailed="Image_ImageFailed">

<Image.RenderTransform>

                    <TransformGroup>

                        <ScaleTransform ScaleX="1" ScaleY="1"/>

                        <SkewTransform AngleX="0" AngleY="0"/>

                        <RotateTransform Angle="0"/>

                        <TranslateTransform X="0" Y="0"/>

                    </TransformGroup>

                </Image.RenderTransform>

                <Image.Effect>

                    <DropShadowEffect/>

                </Image.Effect> 

                <!--Animation1 -->

                <Image.Triggers>

                    <EventTrigger RoutedEvent="UIElement.MouseEnter">

                        <BeginStoryboard>

                            <Storyboard>

                                <DoubleAnimation From="152" To="500"  By="1" Duration="0:0:0.500" Storyboard.TargetName="Image" Storyboard.TargetProperty="Width" />

                                <DoubleAnimation From="160" To="500" By="1" Duration="0:0:0.500" Storyboard.TargetName="Image" Storyboard.TargetProperty="Height" />

                            </Storyboard>

                        </BeginStoryboard>

                    </EventTrigger>

                    <EventTrigger RoutedEvent="UIElement.MouseLeave">

                        <BeginStoryboard>

                            <Storyboard>

                                <DoubleAnimation From="500" To="152" By="1" Duration="0:0:0.500" Storyboard.TargetName="Image" Storyboard.TargetProperty="Width" />

                                <DoubleAnimation From="500" To="147" By="1" Duration="0:0:0.500" Storyboard.TargetName="Image" Storyboard.TargetProperty="Height" />

                            </Storyboard>

                        </BeginStoryboard>

                    </EventTrigger>

                </Image.Triggers>

            </Image>

........

</StackPanel>