Egret之egret.ScrollView

由于在微信小游戏中,无法使用eui框架(即无法使用eui.Scroller) . 还好egret框架内提供了egret.ScrollView可以完美替代.

一 : 申明及初始化

private _scrollview : egret.ScrollView = null;
this._scrollview = new egret.ScrollView();

二:选择显示容器

this._scrollview.setContent( this._list_con );

二-1 : private _list_con : egret.DisplayObjectContainer = null;

三:设置位置及SIZE

this._scrollview.x = ( ( this._UI_SZ.x - this._content_bg.width ) >> 1 ) + 13;
this._scrollview.y = 101.5;
this._scrollview.width = this._content_size.x;
this._scrollview.height = this._content_size.y;

四:设置滚动方案

this._scrollview.verticalScrollPolicy = "on";
this._scrollview.horizontalScrollPolicy = "off";

四-1 : 此代码为在竖直方向上滚动 , 在水平方向上不滚动

五:加入到显示容器

this.addChild( this._scrollview );

六:手动设置滚动的距离

this._scrollview.scrollTop = 0;

原文地址:http://blog.51cto.com/aonaufly/2131345

时间: 2024-10-06 00:22:21

Egret之egret.ScrollView的相关文章

Egret之egret.gui.List的使用教程

工具:EgretWing 说明: List                   列表组件 ItemRender       列表Item组件 这里只讲解一下如何绑定数据到List以及对应到ItemRender展示. /**  * Created by haocao on 15/6/25.  */ class  FriendsListCase extends egret.gui.SkinnableComponent{     public constructor(){         super(

egret学习记录

最近h5小游戏比较流行,本来我是做cocos2dx的,一开始想用它的js版. 可惜看着js真是头大.于是选择了egret,egret采用typescript,学过面向对象的,上手还是比较快的,而且api比较清晰. 这里记录一下遇到的问题. 1.Error: #1006: 提供的 DisplayObject 必须是调用者的子级 如: parent.removeChild(child)其实child不是parent的子节点 一种情况是添加到了stage上,误以为是类自身上. 一种情况是child实例

Egret的若干局限

Egret是个好东西,整套workflow用下来,特别顺手,对于移动端游戏的开发来说,选择Egret无疑是个不二的选择. 当然,小学语文课上老师就教过一种写作手法,欲扬先抑,笔者今天倒过来,来说说Egret的若干局限性. 笔者从接触Egret到现在用Egret作为主职开发工具,已经整整一年时间了,有些嘈已经吐过了,但有些嘈还在咽着.当然,哪个工具框架没有局限性呢,但是这些局限性还是要让Egret初学者明了一下. •1.3D旋转 3D旋转虽然已经脱离了Egret这个2D引擎的范畴了,但是,让我们这

egret GUI 和 egret Wing 是我看到h5 最渣的设计

一个抄袭FlexLite抄的连自己思想都没有,别人精髓都不懂的垃圾框架.也不学学MornUI,好歹有点自己想法. 先来个最小可用集合吧: 1. egret create legogame --type gui.生成一个带gui的项目. 2. 用webstorm打开这个傻逼项目. 3. 修改theme.thm: { "skins": { "egret.gui.Button":"skins.simple.ButtonSkin" } } 4. 修改re

Egret网络请求之超时或异常的处理

 /**          * 发送网络请求          * @param reqUrl http://www.aaa.com          * @param postData uid=0&name="ch"&money=999          * @param callback 回调函数          * var loader:egret.URLLoader = <egret.URLLoader> event.target;        

Egret Engine 2D - 项目配置

todo 看三个示例项目的完整源码和资源   <e:Group name="Button" height = "300" verticalCenter="0" horizontalCenter="0"> <e:layout> <e:VerticalLayout gap="0" horizontalAlign="center" verticalAlign =&

Egret笔记之网络请求与数据处理

内容参考Egret官方文档: http://docs.egret-labs.org/post/manual/net/createconnect.html 但是有些地方官方并没有写的很清楚,在此记录,供大家参考学习: 1-GET请求,解析返回的数据: 代码里面提供了两种把数据解析成Json格式的方法.(注意URLLoaderDataFormat为TEXT) private getDataFromServer(){     var url:string ="http://httpbin.org/ge

Egret之JSZip解析图片

将图片加压到zip中,再使用JSZip和Egret将图片显示出来. 核心代码 : /** * 将ArrayBuffer转化为Base64 * @param {ArrayBuffer} $buffer * @param {smallLib.TYPE_IMAGE_FORMAT2ZIP} $img_ty (默认 : TYPE_IMAGE_FORMAT2ZIP = TYPE_IMAGE_FORMAT2ZIP._PNG) * @returns {string} */ public static array

应用zip压缩的javascript以及Egret H5游戏实战

代码地址如下:<br>http://www.demodashi.com/demo/11039.html 主要起因是策划对最快进入登录界面有硬性要求(3秒),那么最开始加载的文件越小越好.对H5的游戏程序进行压缩,可以大大缩小应用程序的加载时间. 本文主要有两个主题: 普通的javascript代码解压使用 实际Egret游戏项目的javascript代码解压使用 对实战感兴趣的朋友可以直接看后面的Egret部分,前面只是基础原理的入门版 一.js代码压缩效果 先看看压缩和没压缩之间的对比 可以