egret的scroll使用方法

这是我的exml文件结构&＃xff0c;然后把exml加载进去.

先初始化&＃xff0c;给控件list设置属性和数据

this.sourceArr &＃61; new Array();

for (var i:number &＃61; 0; i <40; i&＃43;&＃43;){

//给数据中添加一个含有"label"属性的对象

this.sourceArr.push({label:i});

}

this.arrCollection &＃61; new eui.ArrayCollection(this.sourceArr);

this.List_users.dataProvider &＃61; this.arrCollection;

this.List_users.itemRenderer &＃61; LabelRenderer;

export class LabelRenderer extends eui.ItemRenderer {

private Group_otherdi:eui.Group;

private Image_otherdi:eui.Image;

private label_name:eui.Label;

private head_bg:eui.Image;

private user_head:eui.Image;//头像

private user_name:eui.Label;//名字

private user_money:eui.Label;//金钱

private Image_jinbi:eui.Image;//金币

public constructor(){

super();

this.touchChildren &＃61; true;

this.Group_otherdi &＃61; new eui.Group();

this.Group_otherdi.width &＃61; 300;

this.Group_otherdi.height &＃61; 90;

this.addChild( this.Group_otherdi );

this.Group_otherdi.touchEnabled &＃61; false;

this.label_name &＃61; new eui.Label();

this.Group_otherdi.addChild( this.label_name );

this.label_name.top &＃61; 10;

this.label_name.left &＃61; 10;

//this.label_name.text &＃61; "李逵"

this.user_head &＃61; new eui.Image();

this.Group_otherdi.addChild( this.user_head );

this.user_head.source &＃61; "BJL_head_10_png"

this.user_head.scaleX &＃61; 0.5;

this.user_head.scaleY &＃61; 0.5;

this.user_head.x &＃61; 20

this.user_name &＃61; new eui.Label();

this.user_name.text &＃61; "科比.布莱恩特";

this.addChild(this.user_name);

this.user_name.x &＃61; 120;

this.user_name.y &＃61; 15;

this.user_name.size &＃61; 20;

this.Image_jinbi &＃61; new eui.Image();

this.addChild(this.Image_jinbi);

this.Image_jinbi.source &＃61; "BJL_jinbi";

this.Image_jinbi.x &＃61; 120;

this.Image_jinbi.y &＃61; 40;

this.user_money &＃61; new eui.Label();

this.user_money.text &＃61; "10000";

this.addChild(this.user_money);

this.user_money.x &＃61; 120&＃43;35;

this.user_money.y &＃61; 50;

this.user_money.textColor &＃61; 0xFCE358;

this.user_money.size &＃61; 20;

}

protected dataChanged():void{

//显示数据中的 label 值

this.label_name.text &＃61; this.data.label;

}

}

}

这样在LabelRenderer类中的dataChanged函数中改变你想要的。

最后运行结果是这样的&＃xff1a;

如果要刷新的话怎么办&＃xff0c;重新设置数据刷新就可以了&＃xff1a;

public updateUserList(){
            this.sourceArr &＃61; new Array();
            for (var i:number &＃61; 1; i <10; i&＃43;&＃43;){
                //给数据中添加一个含有"label"属性的对象
                this.sourceArr.push({label:i});
            }
            this.arrCollection.source &＃61; this.sourceArr;
            this.arrCollection.refresh();
        }

其中scroll设置横向纵向属性 

list布局我用的是VerticalLayout

如果想把滑动条影藏的话&＃xff0c;可以设置scroll的属性&＃xff1a;horizontalScrollBar.autoVisibility &＃61; false&＃xff08;横向&＃xff09;

verticalScrollBar.autoVisibility &＃61; false;&＃xff08;纵向&＃xff09;

例子&＃xff1a;

this.scroller_zhulu.horizontalScrollBar.autoVisibility &＃61; false;

如果还想去掉scroll的复用性的话。可以设置属性useVirtualLayout &＃61; false;

例子&＃xff1a;

      this.List_zhulu.useVirtualLayout &＃61; false;

这样就可以避免复用所引起的bug