Egret List

一、EXML设置

二、子项设置

module game {export class petListItem extends eui.Component implements eui.IItemRenderer {private _data: GameCellData;private _itemType: number;private headIcon: eui.Image;public constructor() {super();}protected partAdded(partName: string, instance: any): void {super.partAdded(partName, instance);}protected childrenCreated(): void {super.childrenCreated();}public set data(data: GameCellData) {this._data = data;}public get data(): GameCellData {return this._data;}public selected: boolean;public itemIndex: number;}class GameCellData {name: string;type: number;}
}

三、创建list

module game {export class mainGame extends eui.Component implements eui.UIComponent {private petList: eui.List;private magic: eui.Image;private bg: eui.Image;private gray: eui.Image;private tempImg: eui.Image;private game_list_scroller: eui.Scroller;private horizontalScrollBar: eui.HScrollBar;private dataArray: eui.ArrayCollection;private listGroup: eui.Group;private listArr: Array<any>;//列表数据public constructor() {super();}protected partAdded(partName: string, instance: any): void {super.partAdded(partName, instance);}protected childrenCreated(): void {super.childrenCreated();this.listArr = [{ name: "monkeyHead_png", type: 0 },{ name: "monkeyHead_png", type: 0 },{ name: "sheep_png", type: 1 },{ name: "tortoise_png", type: 2 },{ name: "sheep_png", type: 1 }];this.dataArray = new eui.ArrayCollection();this.dataArray.replaceAll(this.listArr);this.game_list_scroller.horizontalScrollBar = this.horizontalScrollBar;this.game_list_scroller.scrollPolicyV = eui.ScrollPolicy.OFF;this.game_list_scroller.addEventListener(egret.Event.CHANGE, this.onScrollerChange, this);this.petList.itemRenderer = game.petListItem;this.petList.dataProvider = this.dataArray;this.game_list_scroller.viewport = this.petList;this.petList.addEventListener(eui.ItemTapEvent.ITEM_TAP, this.onChange, this);this.createMovieClip();this.petList.addEventListener(eui.ItemTapEvent.ITEM_TAP, this.onChange, this);}private onChange(e: eui.PropertyEvent) {console.log(this.petList.selectedItem, this.petList.selectedIndex);this.petList.touchEnabled = false;}private onScrollerChange() {let scrollV = this.game_list_scroller.viewport.scrollV;let thumbY = Math.abs(scrollV) / (this.game_list_scroller.viewport.measuredHeight - this.game_list_scroller.height);this.horizontalScrollBar.thumb.y = thumbY * (this.horizontalScrollBar.height - this.horizontalScrollBar.thumb.height);}}
}

Egret List相关推荐

记录第一次在egret项目中使用Puremvc
这几天跟着另一个前端在做一个小游戏,使用的是egret引擎和puremvc框架,这对于我来说还是个比较大的突破吧,特此记录下. 因为在此项目中真是的用到了mvc及面向对象编程,值得学习记录第一次在e ...
Egret之龙骨卡槽(slot)换皮
龙骨的图片是绑定在卡槽上的.并且是一对一的关系.所以可以通过对骨架的卡槽上绑定的图片的更换来实现另一种换皮的效果. 换皮的核心代码: //针对slot设置其新内容private setNewSlot( ...
Egret之eui.Scroller
(纯码农制作 ,不喜勿喷)先看看结果 : 一 : Cell(render) Skin 的制作: 看结果是横向的滚动 , 向左 . 如果第一次显示第二个cell , 那么需向左滑动Cell的宽度 + C ...
egret发布的HTML5项目怎么打开,Egret引擎开发指南之发布项目
在Egret中,使用发布功能也非常的简单.你只需要使用如下命令即可: egret publish HelloWorld 此命令中egret publish为发布命令,HelloWorld是你当前项目的 ...
egret 发布android原生项目（一）打包apk
一.发布Android工程 1.在Egret Launcher创建一个Demo项目(引擎版本:5.2.6),并点击发布 2.发布设置 3.发布完成后,会在Demo同级目录下生成Demo_android ...
Egret之位图字体
1 , 关于位图字体的制作 2 , egret官方提供的资源看看cartoon-font.fnt的内容 {"file":"cartoon-font.png", ...
egret 开发总结
用egret快两年了,开发过两款成功的游戏.<<妖怪修走 |诸神的黄昏>><<损友圈|我的地盘>> 妖怪修走是个重度游戏,付费率超高.也比较成功. 损友 ...
Egret学习笔记 (Egret打飞机-3.实现背景循环滚动)
游戏背景里面的猪脚飞机看起来是一直在向前飞,但是实际上只是一个视觉差而已. 猪脚是出于不动的状态,背景从上到下滚动,然后让玩家觉得飞机在不停的往前飞.(当然这只是其中一种实现思路) 差不多就是这样,然 ...
Egret里用矢量挖圆形的洞
项目里需要用到,但是不是用在新手引导上,下面的代码可以绘制一个圆的四分之一,用四个即可拼出一个圆. 1 private createShape(): egret.Shape { 2 let magic ...
【Egret】WebSocket 的使用说明
在Egret里可以使用WebSocket ,也可以使用socket.io 首先先深入了解一下 WebSocket 在Egret里的机制,看这篇文章: 主要讲解Egret里使用WebSocket和pro ...

Egret List

Egret List相关推荐

最新文章

热门文章