0

我有一个图像控件位于网格控件内。我已经有一个按钮可以放大这张图片。放大后，会显示水平/垂直滚动条。然后我旋转包含网格的图像，图像和网格滚动条搞砸了。我应该如何将图像控件的放大和旋转结合起来？以下是我在项目中使用的代码。

我使用的图像控件放大代码（x是图像控件）：

if ((x as Image) != null) { x.Height = x.Height * 1.3; x.Width = x.Width * 1.3; }

我使用的旋转代码（x 是图像控件）：

if ((x as Image) != null)
{    
    RotateTransform rotate = new RotateTransform(); rotate.Angle = rotateAngle;
    rotate.CenterX = x.Width / 2;
    rotate.CenterY = x.Height / 2;
    x.RenderTransform = rotate;                                       
};

XAML 是：

<ScrollViewer x:Name="scrollViewer" Height="480" Width="615"
                    VerticalScrollBarVisibility="Auto"
                    HorizontalScrollBarVisibility="Auto">
  <ScrollViewer.Content>
      <Grid x:Name="ImageGrid">
          <StackPanel x:Name="ImageStackPanel">
              <Image Source="..." VerticalAlignment="Center"  Width="220" Height="170" ></Image>  
          </StackPanel>
      </Grid>
  </ScrollViewer.Content>
</ScrollViewer>

有没有人可以借用任何现有的代码片段来解决这个技巧？

4

3 回答 3

0

这可能会满足您的需求：

  <Image x:Name="image" Source="myImageSource" Stretch="Uniform" 
               HorizontalAlignment="Center" VerticalAlignment="Center" 
               RenderTransformOrigin="0.5, 0.5">
                 <Image.RenderTransform>
                     <TransformGroup>
                         <RotateTransform x:Name="Rotate"/>
                         <ScaleTransform x:Name="Scale" />
                     </TransformGroup>
                 </Image.RenderTransform>
  </Image>

后面的代码：

  Rotate.Angle = 45;
  Scale = 0.25;
于 2012-11-29T22:56:32.510 回答
0

我认为您需要使用TransformGroup一次使用多个转换：

        ScaleTransform myScaleTransform = new ScaleTransform();
        myScaleTransform.ScaleY = 3;

        RotateTransform myRotateTransform = new RotateTransform();
        myRotateTransform.Angle = 45;

        // Create a TransformGroup to contain the transforms 
        // and add the transforms to it.
        TransformGroup myTransformGroup = new TransformGroup();
        myTransformGroup.Children.Add(myScaleTransform);
        myTransformGroup.Children.Add(myRotateTransform);

        // Associate the transforms to the image.
        x.RenderTransform = myTransformGroup;
于 2012-11-29T22:54:30.197 回答
0

您可能缺少LayoutTransformerSilverlight Toolkit和Toolkit 开发人员之一AnimationMediator 的。

使用 ，LayoutTransformer您可以将其内容设置为任何内容，而不仅仅是图像，并对其应用任何转换，并且与通常的不同RenderTransform，它将影响布局和实际大小。

我有一个类似的场景，我像这样使用它：

<Grid>
    <fs:AnimationMediator x:Name="RotateMediator" LayoutTransformer="{Binding ElementName=LayoutTransformer}" AnimationValue="{Binding Angle, ElementName=RotateTransform, Mode=TwoWay}" />
    <fs:AnimationMediator x:Name="ScaleXMediator" LayoutTransformer="{Binding ElementName=LayoutTransformer}" AnimationValue="{Binding ScaleX, ElementName=ScaleTransform, Mode=TwoWay}" />
    <fs:AnimationMediator x:Name="ScaleYMediator" LayoutTransformer="{Binding ElementName=LayoutTransformer}" AnimationValue="{Binding ScaleY, ElementName=ScaleTransform, Mode=TwoWay}" />

    <tkt:LayoutTransformer x:Name="LayoutTransformer" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
        <tkt:LayoutTransformer.LayoutTransform>
            <TransformGroup>
                <RotateTransform x:Name="RotateTransform" />
                <ScaleTransform x:Name="ScaleTransform" />
            </TransformGroup>
        </tkt:LayoutTransformer.LayoutTransform>

        <Image x:Name="MyImage" Source="mysource.png" Width="600" Height="800" />

    </tkt:LayoutTransformer>
</Grid>

由于缺少 MultiBinding，您可能还必须手动处理输入值（来自 Slider 控件等）更改的事件，然后相应地设置RotateMediator等的 AnimationValues。

于 2012-11-30T00:32:47.787 回答