我有這樣的圖像：<Image Height="180" Width="180" Source="{Binding Result}" Grid.Column="1" />如何在鼠標懸停時放大（縮放）此標簽中的圖像？盡可能以最簡單的方式。我想Image從上面進行編輯。我想放大此標簽中的圖像并保持此尺寸 ( 180*180)
1 回答
瀟瀟雨雨
TA貢獻1833條經驗 獲得超4個贊
您可以將 放入Image固定size網格中，ScaleTransform對其應用 a 并對后者進行動畫處理。像這樣的事情：
<Grid Height="180" Width="180">
<Image Height="180" Width="180" Source="{Binding Result}" Grid.Column="1">
<Image.LayoutTransform>
<ScaleTransform x:Name="st" CenterX="90" CenterY="90" ScaleX="1" ScaleY="1" />
</Image.LayoutTransform>
<Image.Triggers>
<EventTrigger RoutedEvent="Image.MouseEnter">
<EventTrigger.Actions>
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetName="st"
Storyboard.TargetProperty="(ScaleTransform.ScaleX)"
To="3.0" Duration="0:0:0" />
<DoubleAnimation Storyboard.TargetName="st"
Storyboard.TargetProperty="(ScaleTransform.ScaleY)"
To="3.0" Duration="0:0:0" />
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
<EventTrigger RoutedEvent="Image.MouseLeave">
<EventTrigger.Actions>
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetName="st"
Storyboard.TargetProperty="(ScaleTransform.ScaleX)"
To="1.0" Duration="0:0:0" />
<DoubleAnimation Storyboard.TargetName="st"
Storyboard.TargetProperty="(ScaleTransform.ScaleY)"
To="1.0" Duration="0:0:0" />
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
</Image.Triggers>
</Image>
</Grid>
- 1 回答
- 0 關注
- 173 瀏覽
添加回答
舉報
0/150
提交
取消