Comportamento irregular - animação em escala de kit de ferramentas da comunidade XAML / UWP
Problema: Estou usando a animação UWP Community Toolkit Scale e funciona conforme o esperado para a maioria das imagens noGridView
, mas para alguns a imagem fica fora dos limites.(Por favor, veja a imagem abaixo)
Detectamos que o problema ocorre quando a largura da imagem ultrapassa o dobro da altura da imagem (2 vezes). É quando a imagem é muito ampla.
Código
Estou usando um controle de usuário como modelo de dados Xaml:
<!-- Grid View -->
<GridView x:Name="gridView" SelectionChanged="gridView_SelectionChanged">
<GridView.ItemTemplate>
<DataTemplate>
<local:GridViewMenu/>
</DataTemplate>
</GridView.ItemTemplate>
</GridView>
<!-- GridViewMenu User Control markup -->
<Grid>
<StackPanel>
<Image Source="{Binding webformatURL}" Stretch="UniformToFill" PointerEntered="image_PointerEntered" PointerExited="image_PointerExited"/>
</StackPanel>
</Grid>
Código C #:
private void image_PointerEntered(object sender, PointerRoutedEventArgs e)
{
Image img = sender as Image;
img.Scale(centerX: (float)(grid.ActualWidth / 2),
centerY: 100,
scaleX: 1.2f,
scaleY: 1.2f,
duration: 500, delay: 0).StartAsync();
}
private void image_PointerExited(object sender, PointerRoutedEventArgs e)
{
Image img = sender as Image;
img.Scale(centerX: (float)(grid.ActualWidth / 2),
centerY: 100,
scaleX: 1f,
scaleY: 1f,
duration: 500, delay: 0).StartAsync();
}
Resultado (a imagem superior esquerda não está sendo dimensionada conforme o esperado, ou seja, está fora dos limites)
Como posso resolver este problema?