layabox里面的ui组件之List

1.7.19版本

设计界面总览：

View属性设置如下

List属性设置如下

　　Box属性设置如下

　　

　　　　Image属性设置如下

　　　　

　　　　Label属性设置如下

　　　　

　　HScrollBar属性设置如下

　　

代码界面总览：

class RegionView extends ui.regionUI {

    constructor(){
        super();



        let dataSource = [];

        let data01 = {region_bg:{skin:"image/region_bg.png"},
            m_label:{text:"一区"}
        };

        let data02 = {region_bg:{skin:"image/region_bg2.png"},
            m_label:{text:"二区"}
        };

        let data03 = {region_bg:{skin:"image/region_bg.png"},
            m_label:{text:"三区"}
        };

        dataSource.push(data01);
        dataSource.push(data02);
        dataSource.push(data03);

        this.m_list.dataSource = dataSource;

        this.m_list.selectHandler = new laya.utils.Handler(this, this.tabSelectHandler,null,false);

        this.m_list.scrollBar.hide = true;//隐藏列表的滚动条。
        this.m_list.scrollBar.elasticBackTime = 200;//设置橡皮筋回弹时间。单位为毫秒。
        this.m_list.scrollBar.elasticDistance = 50;//设置橡皮筋极限距离。
    }

    tabSelectHandler(index:number){
        console.log("asdfasdf");
        alert(index);
    }
}

效果：