更新于 

UI组件

官方文档3.8
官方文档2.4

常用UI组件
关于组件事件的绑定

面板中的事件绑定可以指定任意目标组件上的指定脚本类的指定方法,
还可以指定参数,
一般制定方法的第一个参数都是event参数,第二个参数则为指定参数

  • Label
    • 文字标签组件
  • RichText
    • 富文本组件
    • string属性使用的是一种类似HTML的BBCode标签语言

富文本:

1
2
3
<color="#ffaa00">Click Link ↓</color>
<on click="getPunishment" param="YES!!!!"><u><i>www.cantlivewithoutsm.com</i></u></on>
<img src="0"/>
  • Button 按钮

    • 按钮存在几种状态:
      • Normal
      • Pressed
      • Hover
      • Disabled
      • Duration
  • Layout 布局

    • 三种布局方式:
      • HORIZONTAL
      • VERTICAL
      • GRID
  • EditBox 文本输入框

    • 支持对背景、placehold label、文本label进行自定义
    • 支持一些事件的绑定:
      • Editing Did Began
      • Text Changed
      • Editing Did Ended
      • Editing Return
  • Mask 遮罩

    • 根据Node的size确定组件有效的范围
  • 滚动容器 ScrollView

    • 支持横向、纵向滚动条
    • 支持对滚动惯性和弹性惯性进行设置
    • scrollEvent有三个参数:
      • ScrollView本身
      • ScrollView事件类型
      • CustomEventData
  • 进度条 ProgressBar

  • 滑动条 Slider

    • 支持对滑动轨迹和把手进行自定义样式
    • 可以监听Slide事件
  • 复选框 Toggle

    • 和button一样,transition支持几种类型:
      • SPRITE 贴图
      • COLOR 纯色
      • SCALE 缩放动画
  • 单选框 ToggleContainer

    • 单选项为Toggle组件
  • 画布 Canvas

  • 播放器 VideoPlayer

    • 支持local、remote加载视频
  • 网页视图 WebView

    • 常用于页游中登录界面