# **iCanvas界面组件**
## 基础组件 Component
```javascript
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
```javascript
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
```javascript
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
```javascript
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
```javascript
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上下文