咸鱼教程EUI多图片滑动组件ScrollView
Posted gamedaybyday
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了咸鱼教程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源码下载
以上是关于咸鱼教程EUI多图片滑动组件ScrollView的主要内容,如果未能解决你的问题,请参考以下文章