Egret社区
本帖最后由 gamedaybyday 于 2017-2-14 17:24 编辑

先看看实际效果

jdfw.gif

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


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


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



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

Demo源码下载
游客,如果您要查看本帖隐藏内容请回复










分享到 :
18 人收藏

524 个回复

倒序浏览
yjtx  官方团队 | 2017-2-14 17:27:39
zyy  圆转纯熟 | 2017-2-15 12:05:45
雨落2016  登堂入室 | 2017-2-15 15:29:32
感谢楼主分享
Dante74  炉火纯青 | 2017-2-15 15:40:01
junlas  斑竹 | 2017-2-16 14:42:11
山上衫  初学乍练 | 2017-2-21 13:58:45
叫我小y吧  登堂入室 | 2017-2-21 15:52:40
高大上,支持一下.
lw100lw100  初学乍练 | 2017-2-22 14:43:25
支持一下
Vezium  初学乍练 | 2017-2-22 16:39:49
谢谢楼主分享
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|京网文[2014]0791-191号|京ICP证150115号|Egret社区 ( 京ICP备14025619号 )

Powered by Discuz! X3.4 © 2001-2019 Comsenz Inc.

返回顶部