咸鱼教程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的主要内容,如果未能解决你的问题,请参考以下文章

EUI组件之DataGroup

咸鱼教程实战微信分享图片录音等接口使用

菜鸟教程 | egret EUI卡牌游戏制作

咸鱼教程一个简单的弹出二级菜单UIPopupMenu

咸鱼教程TextureMerger1.6.6 二:Sprite Sheet的制作和使用

Theme皮肤文件(json解析多文件管理)