先看看实际效果
实现原理
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源码下载