阅读背景:

微信小程序之MaterialDesign(二)--view的ripple、reveal效果

来源:互联网 

ripple: 水涟漪效果 reveal: 揭露效果
ripple: 主要是两个view的叠加,设置最上层view的border-radius为100%,背景设置半透明。最下层view设置点击事件,并记录点击时的绝对坐标与相对坐标,坐标运算之后,同时动态改变最上层view的top与left,即可实现手指点击哪里,最上层view就会出现在那里。 最后实现涟漪,通过对上层view进行放大动画即可。 ripple: 主要是两个view的叠加,设置




你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: