Question

我必须在WPF中放大一张图片。问题是在操作之后图片只显示了一部分。

我必须逐渐扩大它。我该怎么办？

Answer 1

我认为你将图像拉伸属性修改为none。

设置Height和Width属性：

<Image
   Height="165"
   HorizontalAlignment="Left"
   Name="image1" Stretch="Fill"
   VerticalAlignment="Top"
   Width="339"
   Source="[your source]" />

在[your source]中，您将放置图片的来源。

Answer 2

如果图像元素仅显示图片的一部分，则可以将“拉伸”属性更改为“均匀”（保留纵横比）或“填充”（不填充）。

您可以使用ScaleTransform为RenderTransform属性放大图片而不影响应用程序的布局，也可以使用ScaleTransform为LayoutTransform属性放大图片，以便您的布局受到影响。 ScaleTransform提供了两个重要的属性ScaleX和ScaleY，它们分别影响图像在X轴和Y轴上的大小调整。要逐渐应用此效果，必须使用DoubleAnimation。您没有指定何时触发放大，因此出于示例的目的，我假设您希望在用户将图像放在图像上时放大图像。当用户将鼠标移出图像时，所提供的代码也逐渐减小图像尺寸。要更改大小增加和减少的时间，请更改两个EventTriggers的RoutedEvent属性。

<Image Stretch="Uniform" Source="Penguins.jpg">
     <Image.RenderTransform>
          <ScaleTransform ScaleX="1" ScaleY="1" x:Name="scale" />
     </Image.RenderTransform>
     <Image.Triggers>
          <EventTrigger RoutedEvent="MouseEnter">
               <BeginStoryboard>
                    <Storyboard>
                         <DoubleAnimation Storyboard.TargetProperty="ScaleX"
                                          Storyboard.TargetName="scale" To="1.5"
                                          Duration="0:0:1" />
                         <DoubleAnimation Storyboard.TargetProperty="ScaleY"
                                          Storyboard.TargetName="scale" To="1.5"          
                                          Duration="0:0:1" />
                    </Storyboard>
               </BeginStoryboard>
          </EventTrigger>
          <EventTrigger RoutedEvent="MouseLeave">
               <BeginStoryboard>
                    <Storyboard>
                         <DoubleAnimation Storyboard.TargetProperty="ScaleX"
                                          Storyboard.TargetName="scale" To="1" 
                                          Duration="0:0:1" />
                         <DoubleAnimation Storyboard.TargetProperty="ScaleY"
                                          Storyboard.TargetName="scale" To="1" 
                                          Duration="0:0:1" />
                     </Storyboard>
               </BeginStoryboard>
          </EventTrigger>
     </Image.Triggers>
</Image>

如何在WPF中放大图片？

2 个答案: