【咸鱼教程】EUI多图片滑动组件ScrollView

先看看实际效果

 

实现原理
1.  ScrollView继承eui.Scroll
2.  监听eui.Sroll的CHANGE_START和CHANGE_END事件,
      根据鼠标滑动距离,来改变视口viewport.scrollH,达到图片滑动的效果。


使用方法
1. 拖动组件到exml上
在自定义组件里,拖动ScrollView组件到exml上,将要显示的图片拖动到Scroll的Group下。ScrollView高宽一定要和图片高宽一致。
 


2. 设置Group的布局和水平间隔
比如如果是横着的图片滑动,就设置布局为HorizontalLayout。水平间隔一定要是0。

 





3.  没了,这样就OK了。
具体代码就不讲了,快下班了。自己下载demo看吧。

Demo源码下载

原文地址:https://www.cnblogs.com/gamedaybyday/p/9219969.html