![](https://img-blog.csdnimg.cn/img_convert/035eb2a79c5a7d4f762291d9dbad5bd6.gif)
今天来学习一下用ssRender实现ListView效果(主要控件View控件)
在工程中创建一个view控件和8个ViewItem
![](https://img-blog.csdnimg.cn/img_convert/d2fe315ba30c3baf369cf111446ebc70.png)
创建一个button和View一样大并叠在view上层用于发送press和release事件,我们让press事件改变viewItem的scala属性为0.8,release改变viewItem的scala属性为1,这样就有了变小和变大的效果
![](https://img-blog.csdnimg.cn/img_convert/a3acd781f0df4d639193f916c04e45b8.png)
在plugin中定义一个属性“Index”用来控制view的index
![](https://img-blog.csdnimg.cn/img_convert/ce9ff0e0a2d5fb948409da100d70fa4d.png)
我们自定义属性scaleVal绑定在viewItem的scale属性上,用于将viewItem的scale属性传递给plugin,plugin根据scale的值来进行移动处理,当然这里还有一个按下延时1.5秒再移动的功能
![](https://img-blog.csdnimg.cn/img_convert/b7cc3e885b851fb7b42568530618f2ed.png)
这样我们就实现了listView的效果,简单的几步就可以实现,是不是很好玩,让我们操练起来。
当然我是杰迷所以我把杰伦的专辑封面贴上去了,(●'◡'●)!