类: ListView

泳道，列表， 通常与ShopWin一起使用

示例

// 先定义一个ShopWin（橱窗）用来谁单个条目的布局
class ShopWinTest extends LM.ShopWin{
 listener:Function
  init(): void {
      super.init()
      let num = this.params['num']
      let t = new LM.TextView();
      t.alignHorizontal = 1
      t.alignVertical = 1
      t.w = 400
      t.h = 50
      t.fontSize = 30;
      t.fontColor = "#ff0000";
      t.text = num 
      // 定义点击事件
      t.click( () =>{
          this.sceneManager.clickItem(num)
      })
      this.addChild(t);
      this.backgroundColor = "#FFFFFF"
  }

  setItemClickEvent(listener:Function){
     this.listener = listener
  }
}
let data = [
      {
          "num":"1"
      },
      {
          "num":"2"
      },
      {
          "num":"3"
      },
      {
          "num":"4"
      }
  ]
 let list = new LM.ListView(ShopWinTest,data)
 list.orientation = "vertical";
 list.backgroundColor = "$FFFFFF"
 list.orientation = "vertical";

继承

• UIBaseView

构造函数

构造函数

new ListView(shopwin, data): ListView

参数

shopwin

typeof ShopWin

data

any[]

返回

ListView

重写了

UIBaseView.constructor

属性

属性	类型	描述
alias	string	别名 用于标识/获取组件 示例 let img = new LM.ImgView() // 给控件起一个名字 img.alias = "img01"
alpha	number	对象的透明度 Range 示例 let img = new LM.ImgView() // 修改透明度 img.alpha = 100
backgroundColor	string	背景色 示例 let img = new LM.ImgView() // 修改控件的背景色 img.backgroundColor = "#FF0000"
checkLimit	number	多选个数限制
checkModel	boolean	复选模式
children	ShopWin[]	返回所有橱窗子对象列表
columnSpace	number	列间距
gridNum	number	垂直滑动 表示每行个数 横向滑动表示每列个数
h	number	已被弃用 自v1.3.0起废弃，请使用新的height 对象的宽度 宽高都被设置时才会生效 示例 obj.h = 100
height	number	容器高度（不建议直接使用）
isPenetrable	boolean	是否可穿透 默认可穿透 当使用Container创建父子级关系时 需要把自己穿透都打开才能触发到Container的点击事件
itemCount	number	子item的个数
listViewData	any[]	修改泳道列表数据,重新设置此数据后，会自动对比数据，新增的橱窗会自动创建，删除的橱窗会自动销毁，如果有修改数据的橱窗会自动调用橱窗的reDraw方法
mouseThrough	boolean	已被弃用 自v1.3.0起废弃，请使用新的 isPenetrable 是否可穿透 默认可穿透 当使用Container创建父子级关系时 需要把自己穿透都打开才能触发到Container的点击事件
orientation	string	泳道方向
rowSpace	number	行间距
scaleX	number	x轴缩放 Range
scaleY	number	y轴缩放 Range
scrollView	ScrollView	滚动区域
touchEable	boolean	已被弃用 自v1.3.0起废弃，请使用新的touchEnabled 是否可点击（默认可点击）
touchEnabled	boolean	是否可点击（默认可点击）
visible	boolean	组件是否可见 示例 let img = new LM.ImgView() // 隐藏该控件 img.visible = false
w	number	已被弃用 自v1.3.0起废弃，请使用新的width 对象的宽度 宽高都被设置时才会生效 示例 obj.w = 100
width	number	容器宽度（不建议直接使用）
worldX	number	对象的全局x坐标 （建议不要频繁设置获取，相较于x比较耗性能）
worldY	number	对象的全局y坐标 （建议不要频繁设置获取，相较于y比较耗性能）
x	number	对象的x坐标 示例 obj.x = 100
y	number	对象的y坐标 示例 obj.y = 100
z	number	对象的层级 示例 let img = new LM.ImgView() this.addChild(img) //注意：需要先添加到父容器后再设置层级，否则层级设置无效。 img.z = 100
zoomCenterX	number	縮放中心点x 默认为0 Range
zoomCenterY	number	縮放中心点y 默认为0 Range
zoomX	number	x轴缩放 Range
zoomY	number	y轴缩放 Range

方法

addChild()

addChild<T>(child): void

添加一个子对象

类型参数

T

T extends UIBaseView

参数

child

T

返回

void

示例

// 声明一张图片
let img = new LM.ImgView()
// 设置图片的路劲
img.src = "ui/bg.png"
// 添加到当前容器中
this.addChild(img)

继承自

UIBaseView.addChild

---

click()

click(fn): any

参数

fn

Function

返回

any

已被弃用

自v1.3.0起废弃，请使用新的onClick 点击行为

示例

let img = new LM.ImgView()
// 为这张图片注册了点击事件
img.click( 
   () => {
     console.log("点击了改控件")
   }
)

继承自

UIBaseView.click

---

dispose()

dispose(): void

销毁组件

返回

void

继承自

UIBaseView.dispose

---

getChildAt()

getChildAt(index): ShopWin

获取指定索引的橱窗对象

参数

index

number

返回

ShopWin

---

getParent()

getParent(): UIBaseView

获取父级

返回

UIBaseView

继承自

UIBaseView.getParent

---

getSaveData()

getSaveData(): any

获取组件的存档信息

返回

any

继承自

UIBaseView.getSaveData

---

itemClick()

itemClick(callback): void

给泳道每个橱窗添加外部点击事件

参数

callback

any

回调函数，返回当前点击的橱窗对象

返回

void

示例

list.itemClick(function(shopWin){
   console.log(shopWin.itemIndex)
})

---

onClick()

onClick(fn): any

点击行为

参数

fn

Function

返回

any

示例

let img = new LM.ImgView()
// 为这张图片注册了点击事件
img.onClick( 
   () => {
     console.log("点击了改控件")
   }
)

继承自

UIBaseView.onClick

---

onTouchCancel()

onTouchCancel(fn): any

鼠标移出

参数

fn

Function

返回

any

示例

let img = new LM.ImgView()
// 注册了移出事件
img.touchOut(()=>{console.log("移出")})

继承自

UIBaseView.onTouchCancel

---

onTouchDown()

onTouchDown(fn): any

按下行为

参数

fn

Function

返回

any

示例

let text = new LM.TextView()
// 注册了按下事件
text.onTouchDown(()=>{console.log("按下")})

继承自

UIBaseView.onTouchDown

---

onTouchMove()

onTouchMove(fn): any

鼠标移动行为

参数

fn

Function

返回

any

示例

let text = new LM.TextView()
// 注册了移动事件
text.onTouchMove(()=>{console.log("移动了")})

继承自

UIBaseView.onTouchMove

---

onTouchUp()

onTouchUp(fn): any

抬起行为

参数

fn

Function

返回

any

示例

let img = new LM.ImgView()
// 注册了抬起事件
img.onTouchUp(()=>{console.log("抬起")})

继承自

UIBaseView.onTouchUp

---

removeFromParent()

removeFromParent(): void

从父级移除

返回

void

继承自

UIBaseView.removeFromParent

---

setSelectIndex()

setSelectIndex(index): void

滑动到指定索引的橱窗位置

参数

index

number

索引值

返回

void

示例

list.setSelectIndex(2)

---

touchCancel()

touchCancel(fn): any

参数

fn

Function

返回

any

已被弃用

自v1.3.0起废弃，请使用新的onTouchCancel 鼠标移出

示例

let img = new LM.ImgView()
// 注册了移出事件
img.touchOut(()=>{console.log("移出")})

继承自

UIBaseView.touchCancel

---

touchDown()

touchDown(fn): any

参数

fn

Function

返回

any

已被弃用

自v1.3.0起废弃，请使用新的onTouchDown 按下行为

示例

let text = new LM.TextView()
// 注册了按下事件
text.touchDown(()=>{console.log("按下")})

继承自

UIBaseView.touchDown

---

touchMove()

touchMove(fn): any

参数

fn

Function

返回

any

已被弃用

自v1.3.0起废弃，请使用新的onTouchMove 鼠标移动行为

示例

let text = new LM.TextView()
// 注册了移动事件
text.touchMove(()=>{console.log("移动了")})

继承自

UIBaseView.touchMove

---

touchUp()

touchUp(fn): any

参数

fn

Function

返回

any

已被弃用

自v1.3.0起废弃，请使用新的onTouchUp 抬起行为

示例

let img = new LM.ImgView()
// 注册了抬起事件
img.touchUp(()=>{console.log("抬起")})

继承自

UIBaseView.touchUp