我有這樣的圖像：<Image Height="180" Width="180" Source="{Binding Result}" Grid.Column="1" />如何在鼠標(biāo)懸停時(shí)放大（縮放）此標(biāo)簽中的圖像？盡可能以最簡單的方式。我想Image從上面進(jìn)行編輯。我想放大此標(biāo)簽中的圖像并保持此尺寸 ( 180*180)
1 回答
瀟瀟雨雨
TA貢獻(xiàn)1833條經(jīng)驗(yàn) 獲得超4個(gè)贊
您可以將 放入Image固定size網(wǎng)格中，ScaleTransform對其應(yīng)用 a 并對后者進(jìn)行動畫處理。像這樣的事情：
<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 關(guān)注
- 196 瀏覽
添加回答
舉報(bào)
0/150
提交
取消