![def5bd72302ba4a97a07da85fc7d5b34.png](https://i-blog.csdnimg.cn/blog_migrate/b7864a9253c7f22a130e5cf1a5bf686f.jpeg)
模拟手机下拉列表页面,然后自动回弹到顶部。
![71828d6453536b4011724bc219002520.gif](https://i-blog.csdnimg.cn/blog_migrate/b2e4c9d7de4a6b9e49f786baa832077a.gif)
实现方法:动态面板+Drag事件
1、下拉动作:OnDrag事件,使用Move with Drag y liner(y轴移动)
2、回弹动作:OnDragDrop事件,使用Move to 0,0 (移动页面+动画效果swing 500ms)
步骤:
1、添加一个动态面板,双击面板,增加一个长度超过边框的内容页面(这里模仿头条)
![99a520efb920174d66a4cf3641c03607.png](https://i-blog.csdnimg.cn/blog_migrate/0df10ae70fdf9e146079d53e8c2c726e.png)
![568d66ab414c217a3c058336bd9b5728.png](https://i-blog.csdnimg.cn/blog_migrate/8e260855e659b3e4be51a7a5a5831907.jpeg)
2、为动态面板添加OnDrag事件,目标是刚才添加在动态面板里的内容,选择move with drag y,动画设定为linear 10ms
![b5f1e943744b507b1891b239c8f74691.png](https://i-blog.csdnimg.cn/blog_migrate/4d35b6eee349721c0c0a581ab80b129f.jpeg)
运行后可以看到页面已经可以拖动了。
3、为动态面板添加OnDragDrop事件,目标是刚才添加在动态面板里的内容,move to 0,0,动画是swing 500ms
![413d359d689fb6a7d1ea0efd74d07679.png](https://i-blog.csdnimg.cn/blog_migrate/adc88ce2ac120ec243c41b7254b5f86f.jpeg)
设定完毕后,预览看一下,顺利完成。
![71828d6453536b4011724bc219002520.gif](https://i-blog.csdnimg.cn/blog_migrate/b2e4c9d7de4a6b9e49f786baa832077a.gif)