标题:养生编程之眼见不为实（3）
作者:yanhubin
日期:2019-09-03 17:00
内容:
因为工作的关系这篇帖子拖了好久，废话不多说，此篇主要讲动画及粒子效果。
首先，我们看到，当用户列表这个代理Item被往左边拽的时候，右侧的按钮是有一个过冲弹簧动画的，为了实现这个动画，我们在右侧的删除按钮的Item中x属性是被这样绑定的 x: contactDelegate_item.x + parent.width 而不是通过anchors锚定在contactDelegate_item的右边线。这样，我们就可以通过设置一个目标为contactDelegateDel_item 的 NumberAnimation 动画，这个动画曲线设置为我们想要的过冲弹簧效果 easing.type:Easing.OutElastic 并通过一些时间等参数设定，达到我们想要的效果。代码如下：
NumberAnimation {
id: contactDelegateDelBg_rect_inAnimation
target: contactDelegateDel_item
properties: "x"
to: parent.width - contactDelegateDel_item.width
duration: 1000; easing.type:Easing.OutElastic; easing.period: 0.5; onStarted: delImg_animation.start()
}其实除了这个过冲弹簧效果，我们会看到上面现实的垃圾箱也会通过摇摆，来证 ..
#1 [305750665 09-04 09:10]
老哥牛逼
#2 [liudianwu 09-04 10:12]
拖得不算久，还可以！
#3 [suzhuorui 09-05 10:23]
老哥，这个zip格式损坏了
#4 [suzhuorui 09-05 11:49]
为啥，用迅雷下载的就不可用，用浏览器下载的就可以
#5 [modongzhen 10-09 15:44]
大佬你好，我想问一下为什么我编译运行之后，没有显示用户头像的呢
有这个提示。QNetworkReplyHttpImplPrivate::_q_startOperation was called more than once QUrl("http://img5.duitang.com/uploads/item/201411/29/20141129010249_dh32E.thumb.700_0.jpeg")