码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-06-24 13:09:42      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:targe   XML   自己   实现   end   oom   date   gre   https   

先看看实际效果

技术分享图片 

实现原理
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

标签:targe   XML   自己   实现   end   oom   date   gre   https   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!