将每个button设置一张裁剪好的图片为背景,每一张多十五度的基于零点的旋转。当旋转的大于270°时,后面的元素都会基于顶部,为了让它有一个无限循环效果,先将图片PS处理,将被覆盖的位置设置为透明化。
如果不先处理图片就会出现下面左边的效果,后面放的图片一直覆盖住前面的。
利用触发器,执行故事版。采用线性插值动画,使Grid元素与设定的点,进行旋转。
From值是开始的位置,To值是结束的位置,Duration是运行的时间。如果From和To的值交换就是一个顺时针方向的效果。
因为buttom是居中显示的,当窗口的大小发生改变时,Grid旋转的点就会相对的发生改变。
【这是一张动态图,这是一张动态图,这是一张动态图】