UWP 利用Windows.UI.Composition实现简单的放大🔍效果
2021-01-26 18:12
标签:out hup 效果 point 简单的 style 事件 利用 anim 看一下效果先 我这里实现了鼠标进入和退出的效果,当然也可以添加其他的事件,比如获得焦点和失去焦点的。 先随便写一个xaml布局,一个Grid,里面一张图片。 然后 CreateOrUpdateSpringAnimation的代码 不过按照这样的实现的话,在放大的时候,图片并不是和我的一模一样,因为放大的时候中心点默认是左上角(0, 0). 所以为了实现中心放大效果,在PointerEntered事件里面还需要 好了,这样就可以实现中心放大??的效果了。 UWP 利用Windows.UI.Composition实现简单的放大?效果 标签:out hup 效果 point 简单的 style 事件 利用 anim 原文地址:https://www.cnblogs.com/hupo376787/p/11972467.htmlGrid
x:Name="GridA"
Width="400" Height="240"
PointerEntered="Grid_PointerEntered"
PointerExited="Grid_PointerExited">
private void Grid_PointerEntered(object sender, PointerRoutedEventArgs e)
{
CreateOrUpdateSpringAnimation(1.1f);
GridA.StartAnimation(_springAnimation);
}
private void Grid_PointerExited(object sender, PointerRoutedEventArgs e)
{
CreateOrUpdateSpringAnimation(1.0f);
GridA.StartAnimation(_springAnimation);
}
private void CreateOrUpdateSpringAnimation(float finalValue)
{
if (_springAnimation == null)
{
_springAnimation = _compositor.CreateSpringVector3Animation();
_springAnimation.Target = "Scale";
}
_springAnimation.FinalValue = new Vector3(finalValue);
}
GridA.CenterPoint = new Vector3((float)(GridA.ActualWidth / 2.0), (float)(GridA.ActualHeight / 2.0), 1f);
文章标题:UWP 利用Windows.UI.Composition实现简单的放大🔍效果
文章链接:http://soscw.com/essay/47377.html