cocos creator ScrollView组件scrollToOffset()方法的使用
时间:2019-08-19
本文章向大家介绍cocos creator ScrollView组件scrollToOffset()方法的使用,主要包括cocos creator ScrollView组件scrollToOffset()方法的使用使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
前言
之前想用scrollToOffset()在打开界面时,滑动窗口滑动到一个相对应的位置,但是使用scrollToOffset()这个方法的时候,没起作用。然后就用了其他方法来实现相同的效果。现在有时间,就去一探究竟当时为什么使用scrollToOffset()方法会失败。
终究找到原因还是花了一番时间。
1 scrollToOffset: function(offset, timeInSecond, attenuated) { 2 var maxScrollOffset = this.getMaxScrollOffset(); 3 4 var anchor = cc.p(0, 0); 5 //if maxScrollOffset is 0, then always align the content's top left origin to the top left corner of its parent 6 if (maxScrollOffset.x === 0) { 7 anchor.x = 0; 8 } else { 9 anchor.x = offset.x / maxScrollOffset.x; 10 } 11 12 if (maxScrollOffset.y === 0) { 13 anchor.y = 1; 14 } else { 15 anchor.y = (maxScrollOffset.y - offset.y ) / maxScrollOffset.y; 16 } 17 18 this.scrollTo(anchor, timeInSecond, attenuated); 19 },
打印下
var maxScrollOffset = this.getMaxScrollOffset();
发现值为 cc.p(0, 0), 为什么会是 0 呢? 接着看:
1 getMaxScrollOffset: function() { 2 var scrollSize = this.node.getContentSize(); 3 var contentSize = this.content.getContentSize(); 4 var horizontalMaximizeOffset = contentSize.width - scrollSize.width; 5 var verticalMaximizeOffset = contentSize.height - scrollSize.height; 6 horizontalMaximizeOffset = horizontalMaximizeOffset >= 0 ? horizontalMaximizeOffset : 0; 7 verticalMaximizeOffset = verticalMaximizeOffset >=0 ? verticalMaximizeOffset : 0; 8 9 return cc.p(horizontalMaximizeOffset, verticalMaximizeOffset); 10 },
6 horizontalMaximizeOffset = horizontalMaximizeOffset >= 0 ? horizontalMaximizeOffset : 0;
7 verticalMaximizeOffset = verticalMaximizeOffset >=0 ? verticalMaximizeOffset : 0;
所以主要的原因scrollToOffset()是因为 content节点的 width, height , 小于 或 等于 ScrollView组件所在节点的width ,height。
原文地址:https://www.cnblogs.com/lyc10/p/11379348.html
- 【干货】python玩转微信:微信好友统计信息全掌握
- 使用Visual Studio 调试断点不起作用的问题解决办法 调试Revit CAD 不能进入断点
- openFileDialog的Filter属性设置
- dedecms调用当前栏目的子栏目怎么操作
- dedecms如何增加自定义字段
- dedecms如何快速删除跳转的文章(记得清空内容回收站)
- Javascript构造函数
- 帝国cms调用栏目自定义字段(栏目简介)如何操作
- dedecms手机站图片错误的解决方法
- 可以搜索到DedeCms后台文章列表文档id吗?或者快速定位id编辑文章
- 常用工具整理
- jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
- 如何修改dedecms专题目录默认名称special
- 普里姆(Prim)算法
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 彻底理解 IO多路复用
- 分享Apache环境禁止目录浏览的方法
- DB2 Linux平台安装 Part 1 Linux环境配置
- DB2 Linux平台安装 Part 2 单机版软件安装
- DB2 Linux平台安装 Part 3 实例的建立与配置
- C++核心准则Con.2:默认情况下,将成员函数定义为const类型
- C++核心准则Con.3:默认情况下,传递参照常量的指针或引用
- C++核心准则Con.4:如果一个对象在构建之后值不会改变,使用const定义它
- C++核心准则Con.5:对于可以在编译时计算的值,使用constexpr进行声明
- DB2 Linux平台安装 Part 4 创建数据库
- VBA编写Ribbon Custom UI编辑器03——认识Ribbon的xml
- VBA编写Ribbon Custom UI编辑器04——解析xml
- VBA编写Ribbon Custom UI编辑器05——转换结构体XML
- MySQL 8.0.19 Linux平台安装 Part 1
- MySQL 8.0.19 Linux平台安装 Part 2