iCanvas界面组件
基础组件 Component
let View = new Component();属性
View.id 组件ID
View.zIndex 组件层级
View.children 子组件列表
View.parent 父组件
View.matrix 当前绘制矩阵
View.clip 界面裁剪函数不推荐
View.visible 显示状态
View.alpha 透明度
View.position 定位坐标相对父组件
View.x 定位X坐标相对父组件
View.y 定位Y坐标相对父组件
View.anchor 锚点相对自身原点
View.anchorX 锚点X坐标相对自身原点
View.anchorY 锚点Y坐标相对自身原点
View.scale 缩放相对自身锚点
View.scaleX 缩放X比例相对自身锚点
View.scaleY 缩放Y比例相对自身锚点
View.radian 旋转弧度相对自身锚点
View.angle 旋转角度相对自身锚点
View.touchChildren 是否允许点击到子元素
View.touchStop 是否允许冒泡到父元素
方法
View.setParent(component|null,index=-1) 设置/移除父组件
View.addChildAt(component,index=0) 添加子组件到index位置
View.addChild(...args|Array) 添加子组件列表传入数组或多个参数
View.removeChild(component) 移除子组件component
View.removeChildren() 移除所有子组件
View.offsetTouch(vector2) vector2坐标偏移锚点距离
View.setClip(clip) 设置界面裁剪函数不推荐
View.setVisible(bool) 设置显示状态
View.setAlpha(bool) 设置透明度
View.setPosition(x,y) 设置定位坐标
View.setAnchor(x,y) 设置锚点坐标
View.setScale(x,y) 设置缩放比例
View.setRadian(x,y) 设置旋转弧度
View.setAngle(x,y) 设置旋转角度
View.hitPoint(x,y,bx,by,bw,bh) (x,y)是否在(bx,by,bw,bh)矩形范围内
图片组件 Texture
继承自Component
let View = new Texture();属性
View.texture 基本图片
View.size 绘制大小
View.framePosition 切割位置
View.frameSize 切割大小
View.width 图片宽度
View.height 图片高度
方法
View.setTexture(texture,frameX,frameY,frameWidth,frameHeight)设置图片
View.setAnchorSize(x=0.5,y=0.5)设置绘制锚点按图片大小的比例
View.setSize(x,y)设置图片大小
View.setSizeLimit(maxX,maxY,minX,minY) 限制图片大小
View.hitMe(x,y) 点(x,y)是否在本实例范围内
View.update(Context) 绘制本实例到Context上下文
文本组件 Text
继承自Component
let View = new Text({});属性
Text.Context 检测用离屏上下文静态
View.AlignWidth 各横向对齐属性的偏移量静态
View.AlignHeight 各纵向对齐属性的偏移量静态
View.defaultSpecial 默认图标对应号静态
View.defaultConfig 默认文本配置静态
View.config 文本格式配置
View.lineHeight 行高
View.font 字体
View.size 文本大小
View.width 文本最大宽度只读
View.height 文本最大高度只读
View.value 文本内容
View.special 特殊字符
方法
View.setValue(value) 设置文本内容
View.setSpecial({})设置特殊字符列表
View.separate(x,y) 将文本进行文本格式重检测
View.setAnchorSize(x=0.5,y=0.5)设置绘制锚点按文本大小的比例
View.hitMe(x,y) 点(x,y)是否在本实例范围内
View.update(Context) 绘制本实例到Context上下文
滚动组件 Scroll
继承自Component
let View = new Scroll(200,300,400,600);属性
View.size 滚动框大小
View.width 滚动框宽度
View.height 滚动框高度
View.context 真实滚动内容缓存上下文
View.realWidth 真实滚动内容宽度只读
View.realHeight 真实滚动内容高度只读
View.scrollAt 当前滚动位置
方法
View.setSize(x,y) 设置滚动框大小
View.setAnchorSize(x,y) 设置滚动框锚点比例
View.setRealSize(x,y) 设置滚动内容真实高度将清空内容
View.touchMoveX(x) 横向滚动x距离
View.touchMoveY(y) 纵向滚动y距离
View.hitMe(x,y) 点(x,y)是否在本实例范围内
View.update(Context) 绘制本实例到Context上下文
View.offsetTouch(vector2) vector2坐标偏移锚点距离再偏移滚动位置距离
缓存组件 Cache不推荐
继承自Component
let View = new Cache(200,300);属性
View.context 真实滚动内容缓存上下文
View.width 缓存宽度只读
View.height 缓存高度只读
方法
View.setSize(x,y) 设置缓存大小
View.setAnchorSize(x,y) 设置缓存锚点比例
View.hitMe(x,y) 点(x,y)是否在本实例范围内
View.update(Context) 绘制本实例到Context上下文