ScrollView示例

// 初始化
var scrollView = new ccui.ScrollView();

// 设置方向
scrollView.setDirection(ccui.ScrollView.DIR_VERTICAL);

// 允许交互
scrollView.setTouchEnabled(true);

// 设置回弹
scrollView.setBounceEnabled(true);

// 设置滑动的惯性
scrollView.setInertiaScrollEnabled(true);

// 设置滚动内容的范围
scrollView.setContentSize(cc.size(size.width, size.height));

// 设置容器的大小
scrollView.setInnerContainerSize(cc.size(size.width, size.height*4));

// 添加触摸事件监听器
scrollView.addEventListener(this.scrollViewCall, this);

// 锚点
scrollView.setAnchorPoint(cc.p(0,0));

// 位置坐标
scrollView.setPosition(cc.p(0,0));

// 滚动至底部
scrollView.jumpToBottom();

// 0-3滑动到上下左右触发,4滑动一直触发,5-8惯性滑动到上下左右触发
scrollViewCall:function(sender, type){
switch (type){
case ccui.ScrollView.EVENT_SCROLL_TO_TOP:break;
case ccui.ScrollView.EVENT_SCROLL_TO_BOTTOM:break;
case ccui.ScrollView.EVENT_SCROLL_TO_LEFT:break;
case ccui.ScrollView.EVENT_SCROLL_TO_RIGHT:break;
case ccui.ScrollView.EVENT_SCROLLING:break;
case ccui.ScrollView.EVENT_BOUNCE_TOP:break;
case ccui.ScrollView.EVENT_BOUNCE_BOTTOM:break;
case ccui.ScrollView.EVENT_BOUNCE_LEFT:break;
case ccui.ScrollView.EVENT_BOUNCE_RIGHT:break;
default:break;
}
},

this.addChild(scrollView);

ScrollView示例相关推荐

微信小程序视图示例之view/scroll-view示例中缺少css
在参考微信小程序的视图示例时,发现给的示例view和scroll-view缺少对应的css,整理一下给有需要的同学参考下: View 对应官方文档: https://mp.weixin.qq.com/ ...
小程序scroll-view示例
横向拖动注意参数:scroll-x="true" style="white-space: nowrap;width: 100%;display: flex"& ...
Android ScrollView
Android ScrollView allows us to create a scrollable layout on the android screen. Android ScrollView ...
Android ScrollView、NestedScrollView、HorizontalScrollView 等
在这篇文章中,我们想看看几个滚动视图的变体或子类以及它们是如何使用的.以下是我们迄今为止涵盖的变体: ScrollView - 超类 NestedScrollView - 子类 Horizonta ...
七、微信小程序-快速回顾 ( swiper 轮播图、scroll-view 可滚动视图区域 )
文章目录一.swiper 轮播图 1.1. swiper 基本使用 1.2. 调整轮播图和图片的大小二.scroll-view 可滚动视图区域一.swiper 轮播图轮播图是项目中最常见的功能 ...
【uniapp】两种上拉加载方式
1.直接动用声明周期需要先在pack.json中配置位置然后在页面中配合声明周期使用 export default {data() {return {content_detailList: [{ ...
uniapp实现滚动到底部加载更多数据
如果数据量非常大的话,数据批量加载是一种优化手段,那么,如何实现? onReachBottom uniapp的生命周期onReachBottom 页面滚动到底部的事件(不是scroll-view滚到底 ...
php显示时间秒针走,Android_TextView显示系统时间(时钟功能带秒针变化，我们开启一个线程，线程每隔 - phpStudy...
TextView显示系统时间(时钟功能带秒针变化我们开启一个线程,线程每隔一秒发送一次消息,我们在消息中更新TextView上显示的时间就ok了. 首先我们在布局文件中放一个TextView用来显示 ...
Android炫酷的Toolbar+Bottom+Fab悬浮按钮显示、隐藏、渐变的各种实现姿势
前言由于手机屏幕大小的限制,各种控件需要根据需求进行显示,隐藏,移动等,以增加视觉效果,用户体验.就拿目前市场上常见的APP如知乎.QQ.淘宝.美团等来说,在他们的APP里面随处可见一些比较优美的处 ...

ScrollView示例

ScrollView示例相关推荐

最新文章

热门文章